HTML 音频视频 DOM progress 事件

秋山信月归

HTML 音频/视频 DOM progress 事件

提示视频正在下载中:

myVid=document.getElementById("video1");
myVid.onprogress=alert("Downloading video");

定义和用法

当浏览器正在下载指定的音频/视频时,会发生 progress 事件。

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

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

浏览器支持

HTML 音频视频 DOM progress 事件HTML 音频视频 DOM progress 事件HTML 音频视频 DOM progress 事件HTML 音频视频 DOM progress 事件HTML 音频视频 DOM progress 事件

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

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


语法

在 HTML 中:

	<audio|video onprogress="SomeJavaScriptCode">

在 JavaScript 中:

	audio|video.onprogress=SomeJavaScriptCode;

使用 addEventListener():

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

技术细节

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


在 HTML 元素上使用 onprogress 属性

使用 addEventListener() 来监听 progress 事件


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

目录[+]

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