HTML 音频/视频 DOM duration 属性

由网友 大卫 发布 阅读 5

HTML 音频/视频 DOM duration 属性

duration 属性以秒为单位给出媒体的长度,如果没有媒体数据可用,则为零。

 HTML 音频/视频 DOM 参考手册

在线示例

获得当前视频的长度:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML 音频/视频 duration 属性使用-大卫编程网(div.cn)</title>
</head>
<body>
<button onclick="getVidDur()" type="button">获得当前视频的长度:</button>
<br> 
<video id="video1" controls="controls">
  <source src="mov_bbb.mp4" type="video/mp4">
  <source src="mov_bbb.ogg" type="video/ogg">
  您的浏览器不支持 HTML5 video  标签。
</video>
<script>
myVid=document.getElementById("video1");
function getVidDur()
{ 
  alert(myVid.duration);
} 
</script> 
</body>
</html>
测试看看 ‹/›

定义和用法

duration属性返回当前音频/视频的长度,以秒为单位。

如果未设置音频/视频,则返回NaN(非数字)。
注意:此属性是只读的。

浏览器兼容性

IEFirefoxOperaChromeSafari

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

注意:Internet Explorer 8 及之前的版本不支持该属性。

语法

audio|video.duration

技术细节

返回值:数字值,表示音频/视频的长度,以秒计。
 HTML 音频/视频 DOM 参考手册

HTML 音频/视频 DOM currentSrc 属性 HTML 音频/视频 DOM currentTime 属性