HTML 音頻/視頻 DOM durationchange 事件

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

實例

提示視頻的時長已改變：

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

流覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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