Video played 属性

Video 对象参考手册 Video 对象

获得视频中以秒计的首段已播放的范围(部分):

<video id="myVideo" width="320" height="240" controls>
  <source src="/examples/movie.mp4" type="video/mp4">
    <source src="/examples/movie.ogg" type="video/ogg">
    您的浏览器不支持 video 标签。
</video>
<p>点击按钮获得视频中以秒计的首段已播放的范围(部分)。</p>
<p id="demo"></p>
<button onclick="myFunction()">点我</button>
<script>
  function myFunction() {
    var x = document.getElementById("myVideo");
    document.getElementById("demo").innerHTML = "Start: " + x.played.start(0) + " End: " + x.played.end(0);
  }
</script>

尝试一下 »


定义和用法

played 属性返回 TimeRanges 对象。

TimeRanges 对象表示用户已经播放或看到的视频范围。

已播范围指的是被播放视频的时间范围。如果用户在视频中跳跃,则会获得多个播放范围。

注意: 该属性是只读的。


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 played 属性

注意: Internet Explorer 8 或更早的浏览器不支持该属性。


语法

videoObject.played

返回值

类型 描述
TimeRanges 对象

表示视频的已播范围。

TimeRanges 对象的属性:

  • length - 获得视频中已播范围的数量
  • start(index) - 获得某个已播范围的开始位置
  • end(index) - 获得某个已播范围的结束位置

注释:首段已播范围的下标是 0。


Video 对象参考手册 Video 对象