最新的Web开发教程
 

HTML音频/视频DOM durationchange事件

<HTML音频/视频DOM参考

例

提醒视频的持续时间已经改变：

var vid = document.getElementById("myVideo");
vid.ondurationchange = function() {
    alert("The video duration has changed");
};
试一试»

更多“试一试”的例子。

定义和用法

当指定的音频/视频的时长数据更改时发生的事件durationchange。

注意：当一个音频/视频被装载，持续时间将更改从"NaN"到音频/视频的实际持续时间。

在音频/视频的加载过程中，发生以下事件，顺序如下：

  1. loadstart
  2. durationchange
  3. loadedmetadata
  4. loadeddata
  5. progress
  6. canplay
  7. canplaythrough

浏览器支持

在表中的数字指定完全支持该事件的第一个浏览器的版本。

事件
durationchange 是 9 是 是 是

句法

在HTML：

< audio|video ondurationchange="myScript"> Try it

在JavaScript：

audio|video .ondurationchange=function(){myScript}; Try it

在JavaScript中，使用addEventListener()方法：

audio|video .addEventListener("durationchange", myScript ); Try it

注意： addEventListener()在Internet Explorer 8和更早版本不支持的方法。

技术细节

支持的HTML标签： <audio> and <video>
支持的JavaScript对象： Audio, Video

更多示例

例

提醒音频的持续时间已经改变：

var aud = document.getElementById("myAudio");
aud.ondurationchange = function() {
    alert("The audio duration has changed");
};
试一试»

<HTML音频/视频DOM参考