HTML ondurationchange 事件

ondurationchange 事件在视频/音频（audio/video）的时长发生变化时触发。

实例

<!DOCTYPE html>
<html>
<body>
<video controls ondurationchange="myFunction()">
    <source src="/example/video/demo.mp4" type="video/mp4">
    <source src="/example/video/demo.ogv" type="video/ogv">
    您的浏览器不支持 HTML5 video 元素。
</video>
<script>
function myFunction() {
    alert("video 时长已修改");
}
</script>
</body>
</html>

运行一下

浏览器支持

事件
ondurationchange	Yes	9.0	Yes	Yes	Yes

定义和用法

ondurationchange 事件在视频/音频（audio/video）的时长发生变化时触发。

注意：当视频/音频（audio/video）已经加载后，视频/音频（audio/video）的时长从 “NaN” 修改为正在的时长。

在视频/音频（audio/video）加载过程中，事件的触发顺序如下:

HTML 4.01 与 HTML5 之间的差异

无。

语法

<element ondurationchange="script">

属性值

值	描述
script	ondurationchange 发生时运行的脚本。

更多实例

<!DOCTYPE html>
<html>
<body>
<audio controls ondurationchange="myFunction()">
  <source src="/example/audio/horse.ogv" type="audio/ogg">
  <source src="/example/audio/horse.mp3" type="audio/mpeg">
  您的浏览器不支持 audio 元素。
</audio>
<script>
function myFunction() {
    alert("audio 时长已修改");
}
</script>
</body>
</html>