HTML 音頻/視頻 DOM durationchange 事件
實例
提示視頻的時長已改變:
myVid=document.getElementById("video1");
myVid.ondurationchange=alert("The video duration has changed");
myVid.ondurationchange=alert("The video duration has changed");
嘗試一下 ?
定義和用法
當指定音頻/視頻的時長數(shù)據發(fā)生變化時,會發(fā)生 durationchange 事件。
當音頻/視頻加載后,時長將由 "NaN" 變?yōu)橐纛l/視頻的實際時長。
當音頻/視頻處于加載過程中時,會依次發(fā)生以下事件:
- loadstart
- durationchange
- loadedmetadata
- loadeddata
- progress
- canplay
- canplaythrough
瀏覽器支持
所有主流瀏覽器都支持 durationchange 事件。
注意:Internet Explorer 8 及之前的版本不支持該事件。
語法
在 HTML 中:
<audio|video ondurationchange="SomeJavaScriptCode">
在 JavaScript 中:
audio|video.ondurationchange=SomeJavaScriptCode;
使用 addEventListener():
audio|video.addEventListener("durationchange", function()
? {
? //SomeJavaScriptCode
? }
);
? {
? //SomeJavaScriptCode
? }
);
技術細節(jié)
以下 HTML 標簽支持: | <audio>, <video> |
---|---|
以下 JavaScript 對象支持: | Audio, Video |

更多實例
在 HTML 元素上使用 ondurationchange 屬性
使用 addEventListener() 來監(jiān)聽 durationchange 事件

更多建議: