ondurationchange 事件
HTML DOM 的 ondurationchange 事件在视频/音频 ( audio/video ) 的时长发生变化时触发
当视频/音频 ( audio/video ) 已经加载后，视频/音频 ( audio/video ) 的时长从 "NaN" 修改为正在的时长
视频/音频 ( audio/video ) 加载过程中，事件的触发顺序如下
- onloadstart
- ondurationchange
- onloadedmetadata
- onloadeddata
- onprogress
- oncanplay
- oncanplaythrough
语法
HTML 中
<element ondurationchange="/*myScript*/ ">
JavaScript
object.ondurationchange=function(){ /*myScript*/ };
JavaScript 中, 使用 addEventListener() 方法
object.addEventListener("durationchange", /*myScript*/ );
Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法
其它
| 是否支持冒泡 | No |
|---|---|
| 是否可以取消 | No |
| 事件类型 | Event |
| 支持的 HTML 标签 | <audio>, <video> |
浏览器支持
表格中的数字表示支持该事件的第一个浏览器的版本号
| Yes | 9.0 | Yes | Yes | Yes |
范例
当视频的时长发生变化时执行 JavaScript
<video ondurationchange="myFunction()">
范例
当音频开始加载时执行 JavaScript
<audio ondurationchange="myFunction()">