最新的Web開發教程
 

HTML音頻/視頻DOM durationchange事件

<HTML音頻/視頻DOM參考

例

提醒視頻的持續時間已經改變：

var vid = document.getElementById("myVideo");
vid.ondurationchange = function() {
    alert("The video duration has changed");
};
試一試»

更多“試一試”的例子。

定義和用法

當指定的音頻/視頻的時長數據更改時發生的事件durationchange。

注意：當一個音頻/視頻被裝載，持續時間將更改從"NaN"到音頻/視頻的實際持續時間。

在音頻/視頻的加載過程中，發生以下事件，順序如下：

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

瀏覽器支持

在表中的數字指定完全支持該事件的第一個瀏覽器的版本。

事件
durationchange 是 9 是 是 是

句法

在HTML：

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

在JavaScript：

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

在JavaScript中，使用addEventListener()方法：

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

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

技術細節

支持的HTML標籤： <audio> and <video>
支持的JavaScript對象： Audio, Video

更多示例

例

提醒音頻的持續時間已經改變：

var aud = document.getElementById("myAudio");
aud.ondurationchange = function() {
    alert("The audio duration has changed");
};
試一試»

<HTML音頻/視頻DOM參考