以秒为单位获取视频的第一个可搜索范围(部分):
<button onclick="myFunction()" type="button">获取第一个可搜索范围</button><br> <video id="myVideo" width="320" height="176" controls> <source src="../../../assets/mov_bbb.mp4" type="video/mp4"> 您的浏览器不支持 HTML5 视频。 </video> <script> var vid = document.getElementById("myVideo"); function myFunction() { alert("Start: " + vid.seekable.start(0) + " End: " + vid.seekable.end(0)); } </script>
JavaScript:
var vid = document.getElementById("myVideo");
alert("Start: " + vid.seekable.start(0) + " End: " + vid.seekable.end(0));
seekable
属性返回一个 TimeRanges
对象。
TimeRanges
对象表示可供用户搜索的音频/视频 (audio/video) 范围。
可搜索范围是用户可以搜索(移动播放位置)到的音频/视频 (audio/video) 的时间范围。
对于非流媒体视频,即使在缓冲之前,通常也可以在视频中的任何位置寻找。
注意: 此属性是只读的。
表中的数字指定了完全支持该属性的第一个浏览器版本。
属性 Property | |||||
---|---|---|---|---|---|
seekable | Yes | 9.0 | 8.0 | Yes | Yes |
audio|video.seekable
类型 Type | 描述 Description |
---|---|
TimeRanges Object | 表示音频/视频的可搜索部分。TimeRanges 对象属性: * length - 获取音频/视频中可搜索范围的数量 * start(index) - 获取可搜索范围的起始位置 * end(index) - 获取可搜索范围的结束位置 注意: 第一个可搜索范围是 index 0 |