HTML | DOM Video buffered Property
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 > w3wiki </ 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
Contact Us