- 0133技术站
- 联系QQ:88526
- QQ交流群

- 微信公众号

定义
seekable 属性返回一个TimeRanges 对象,该对象表示音频/视频中用户可寻址的范围,包含用户可以查找的时间范围(如果有)。
可寻址范围指的是用户在音频/视频中可寻址(移动播放位置)的时间范围。
对于非流视频,通常可以寻址到视频中的任何位置,即使其尚未完成缓冲。
语法
audio|video.seekable
返回值
返回一个TimeRanges对象类型的值,表示音频/视频中的可寻址部分。TimeRanges对象的属性有:
● length - 获得音频/视频中可寻址范围的数量
● start(index) - 获得可寻址范围的开始位置
● end(index) - 获得可寻址范围的结束位置
注释:第一个可寻址范围的下标 index 是 0。
浏览器支持
HTML音频/视频 DOM属性 | ![]() | ![]() | ![]() | ![]() | ![]() |
seekable | 支持 | 支持 | 支持 | 支持 | 支持 |
所有主流浏览器都支持 seekable 属性。
注意:Internet Explorer 8 及之前的版本不支持该属性。
获得首个以秒计的视频可寻址范围(部分):
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>0133技术站(0133.cn)</title> </head> <body> <video id="video" controls="controls"> <source src="http://ss.0133.cn/ueditor/php/upload/video/20190329/1553822788248551.mp4" type="video/mp4"> <source src="http://ss.0133.cn/ueditor/php/upload/video/20190329/1553822829671474.ogg" type="video/ogg"> 您的浏览器不支持 HTML5 video 标签。 </video> <br> <br> <button onclick="getFirstSeekableRange()" type="button">获得首个以秒计的视频可寻址范围</button> <br> <script> myVid=document.getElementById("video"); function getFirstSeekableRange() { alert("Start: " + myVid.seekable.start(0) + " End: " + myVid.seekable.end(0)); } </script> </body> </html>
点击 "运行实例" 按钮查看在线实例
推荐手册