Video duration 属性

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").duration;
    document.getElementById("demo").innerHTML = x;
  }
</script>

尝试一下 »

---

定义和用法

duration 属性返回当前视频的长度，以秒计。

注意： 不同的浏览器返回不同的值。在以上实例中 Internet Explorer, Firefox 和 Chrome 浏览器返回 "12.612"。 Safari 返回 "12.612000465393066", Opera 12 返回 "12.585215419", 但 Opera 18 返回 "12.62069"。

注意： 该属性为只读属性。

---

浏览器支持

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

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

---

语法

videoObject.duration

技术细节

返回值：	数字，表示视频的长度，以秒计。如果未设置音频/视频，则返回 NaN (Not-a-Number)。如果视频流没有预定义长度，返回 "Inf" (无限)。

---

Video 对象