Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

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.



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

<!DOCTYPE html>
      Video buffered Property in HTML
        h1 {
            color: green;
        h2 {
            font-family: Impact;
        body {
            text-align: center;
      Video buffered Property
    <video id="Test_Video"
           controls autoplay>
        <source src="samplevideo.mp4"
        <source src="movie.ogg"
      To know whether autoplay is enabled
      or not, double click the
      "Return Buffered Range" button.
    <button ondblclick="My_Video()">
      Return Buffered Range
    <p id="test"></p>
        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);


  • 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 :

Start Your Coding Journey Now!