最新的Web开发教程
 

HTML音频/视频DOM事件进展

<HTML音频/视频DOM参考

提醒在下载视频:

var vid = document.getElementById("myVideo");
vid.onprogress = function() {
    alert("Downloading video");
};
试一试»

更多“试一试”的例子。


定义和用法

当浏览器下载指定的音频/视频发生的进度事件。

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

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

浏览器支持

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

事件
progress 9

句法

在HTML:

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

在JavaScript:

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

在JavaScript中,使用addEventListener()方法:

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

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


技术细节

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

更多示例

提醒音频正在下载:

var aud = document.getElementById("myAudio");
aud.onprogress = function() {
    alert("Downloading audio");
};
试一试»

<HTML音频/视频DOM参考