Skip to content
Related Articles

Related Articles

HTML | DOM Video buffered Property
  • Difficulty Level : Basic
  • Last Updated : 05 Aug, 2019

The Video buffered property is used for returning a TimeRanges object. The user’s buffered ranges of the video can be represented using the TimeRanges object.
The time-range of a buffered video is defined by the buffered range and if the user skips in the video, it may result in several buffered ranges.

Syntax:

videoObject.buffered

Below program illustrates the Video buffered Property :
Example-1: Getting the first buffered range of the video in seconds.




   
<!DOCTYPE html>
<html>
  
<head>
    <title>
      Video buffered Property in HTML
    </title>
    <style>
        h1 {
            color: green;
        }
          
        h2 {
            font-family: Impact;
        }
          
        body {
            text-align: center;
        }
    </style>
</head>
  
<body>
  
    <h1>
      GeeksforGeeks
    </h1>
    <h2>
      Video buffered Property
    </h2>
    <br>
  
    <video id="Test_Video"
           width="360"
           height="240" 
           controls autoplay>
        
        <source src="samplevideo.mp4"
                type="video/mp4">
        
        <source src="movie.ogg"
                type="video/ogg">
    </video>
  
    <p>
      To know whether autoplay is enabled
      or not, double click the
      "Return Buffered Range" button.
    </p>
  
    <button ondblclick="My_Video()">
      Return Buffered Range
    </button>
  
    <p id="test"></p>
  
    <script>
        function My_Video() {
            var v = document.getElementById("Test_Video");
            
            document.getElementById("test").innerHTML =
              "Start Time : " + v.buffered.start(0) +
              " End Time: " + v.buffered.end(0);
        }
    </script>
  
</body>
  
</html>

Output:

  • Before clicking the button:
  • After clicking the button:

Supported Browsers: The browser supported by HTML | DOM Video buffered Property are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Apple Safari



My Personal Notes arrow_drop_up
Recommended Articles
Page :