Latest web development tutorials

HTML 音頻/視頻DOM progress 事件

HTML audio/video 標籤參考手冊 HTML音頻/視頻DOM參考手冊

實例

提示視頻正在下載中:

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

嘗試一下»

定義和用法

當瀏覽器正在下載指定的音頻/視頻時,會發生progress 事件。

當音頻/視頻處於加載過程中時,會依次發生以下事件:

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

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持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事件


HTML audio/video 標籤參考手冊 HTML音頻/視頻DOM參考手冊