Av Prop Seekable

HTML Audio/Video DOM seekable Property | Rookie Tutorial\n\n\n

Home
HTML
JavaScript
CSS
Vue
React
Python3
Java
C
C++
C#
AI
Go
SQL
Linux
VS Code
Bootstrap
Git
Local Bookmarks

HTML Reference Manual

\n \n

HTML Tags

\n \n \n <a href="#" title="HTML Tag">\n <a href="#" title="HTML Tag">\n <a href="#" title="HTML Tag">\n <a href="#" title="HTML

Tag">

\n <a href="#" title="HTML Tag">\n <a href="#" title="HTML Tag">\n <a href="#" title="HTML

Tag">

\n <a href="#" title="HTML

Tag">

\n <a href="#" title="HTML

\n

\n\n \n \n \n HTML Audio/Video DOM seekable Property \n \n Last Updated: 2023-02-10\n This page: View Source | View Contributors\n \n \n \n \n \n \n Definition and Usage \n The seekable property returns a TimeRanges object. \n The TimeRanges object represents the user's seekable time range. \n A seekable time range is a time range in which the user can seek. This is often referred to as the buffered range. \n \n Example \n Get the first seekable range (in seconds) of the video: \n \n var vid = document.getElementById("myVideo");\nalert("Start: " + vid.seekable.start(0) + " End: " + vid.seekable.end(0)); \n \n Try It Yourself » \n \n Browser Support \n \n The numbers in the table indicate the first browser version that fully supports this property. \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Property Internet Explorer Firefox Opera Chrome Safari seekable 9.0 3.5 10.5 3.0 3.1 \n Syntax \n \n audio|video.seekable\n \n Property Value \n \n \n \n \n \n \n \n \n \n Value Description TimeRanges Represents the seekable time range of the audio/video. \n A TimeRanges object contains one or more time ranges, where each time range is defined by a start time and an end time (in seconds). \n For example, the time range [0,2] would represent the time from 0 seconds to 2 seconds. \n Technical Details \n \n \n \n \n \n Return Value: A TimeRanges object representing the audio/video's current seekable time range. \n More Examples \n \n Example \n Get the video's first seekable range (in seconds): \n \n var vid = document.getElementById("myVideo");\nalert("Start: " + vid.seekable.start(0) + " End: " + vid.seekable.end(0)); \n \n Try It Yourself » \n \n \n Example \n Loop through all seekable ranges and output them: \n \n var vid = document.getElementById("myVideo");\nvar ranges = vid.seekable;\nvar txt = "";\nfor (var i = 0; i < ranges.length; i++) {\n txt += "Start: " + ranges.start(i) + " End: " + ranges.end(i);\n}\nalert(txt); \n \n Try It Yourself » \n \n \n Example \n Alert the video's current seekable range (in seconds): \n \n var vid = document.getElementById("myVideo");\nalert("Start: " + vid.seekable.start(0) + " End: " + vid.seekable.end(0)); \n \n Try It Yourself » \n \n \n \n \n \n \n \n \n \n \n \n « Previous\n Next »\n \n \n \n \n \n \n \n \n \n \n\n \n \n Copyright © 2013-2023 Rookie Tutorial \n ICPICP Filing Number:\n \n About Us | \n Copyright Notice | \n Contact Us | \n Advertising/Cooperation | \n Friendly Links\n \n WeChat Official Account: "Rookie Tutorial"\n \n www..com\n \n \n \n\n Back to Top\n \n\nvar _hmt = _hmt || [];\n(function() {\n var hm = document.createElement("script");\n hm.src = "https://hm.baidu.com/hm.js?a7494b4230f4da5d7e5a093a005f3cd3";\n var s = document.getElementsByTagName("script"); \n s.parentNode.insertBefore(hm, s);\n})();