Open In App

HTML | DOM Video buffered Property

Improve
Improve
Like Article
Like
Save
Share
Report

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. 

html




<!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 1 and above
  • Edge 12 and above
  • Internet Explorer 9 and above
  • Firefox 4 and above
  • Opera 12.1 and above
  • Apple Safari 3.1 and above


Last Updated : 16 Aug, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads