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 參考手冊