HTML 音频视频 DOM durationchange 事件

星河私藏家

HTML 音频/视频 DOM durationchange 事件

提示视频的时长已改变:

myVid=document.getElementById("video1");
myVid.ondurationchange=alert("The video duration has changed");

定义和用法

当指定音频/视频的时长数据发生变化时,会发生 durationchange 事件。

当音频/视频加载后,时长将由 "NaN" 变为音频/视频的实际时长。

当音频/视频处于加载过程中时,会依次发生以下事件:

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

浏览器支持

HTML 音频视频 DOM durationchange 事件HTML 音频视频 DOM durationchange 事件HTML 音频视频 DOM durationchange 事件HTML 音频视频 DOM durationchange 事件HTML 音频视频 DOM durationchange 事件

所有主流浏览器都支持 durationchange 事件。

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


语法

在 HTML 中:

	<audio|video ondurationchange="SomeJavaScriptCode">

在 JavaScript 中:

	audio|video.ondurationchange=SomeJavaScriptCode;

使用 addEventListener():

	audio|video.addEventListener("durationchange", function()
  {
  //SomeJavaScriptCode
  }
);

技术细节

以下 HTML 标签支持: <audio>, <video>
以下 JavaScript 对象支持: Audio, Video


在 HTML 元素上使用 ondurationchange 属性

使用 addEventListener() 来监听 durationchange 事件


版权声明:本页面内容旨在传播知识,为用户自行发布,若有侵权等问题请及时与本网联系,我们将第一时间处理。E-mail:284563525@qq.com

目录[+]

取消
微信二维码
微信二维码
支付宝二维码