HTML 音訊/影片 DOM durationchange 事件
示例
當影片時長髮生變化時發出提示
let vid = document.getElementById("myVideo");
vid.ondurationchange = function() {
alert("影片時長已更改");
};
自己動手試一試 »
更多“自己嘗試”的例子見下文。
定義和用法
durationchange 事件在指定音訊/影片的時長資料發生更改時觸發。
注意：載入音訊/影片時，時長將從“NaN”更改為音訊/影片的實際時長。
在音訊/影片載入過程中，會按順序發生以下事件：
- loadstart
- durationchange
- loadedmetadata
- loadeddata
- progress
- canplay
- canplaythrough
瀏覽器支援
表格中的數字指定了完全支援該事件的第一個瀏覽器版本。
| 事件 | |||||
|---|---|---|---|---|---|
| durationchange | 是 | 9.0 | 是 | 是 | 是 |
語法
在 HTML 中
<audio|video ondurationchange="myScript">嘗試一下
在 JavaScript 中
audio|video.ondurationchange=function(){myScript};嘗試一下
在 JavaScript 中，使用 addEventListener() 方法
audio|video.addEventListener("durationchange", myScript);嘗試一下
技術詳情
| 支援的 HTML 標籤 | <audio> 和 <video> |
|---|---|
| 支援的 JavaScript 物件 | 音訊，影片 |
更多示例
示例
當音訊時長髮生變化時發出提示
let aud = document.getElementById("myAudio");
aud.ondurationchange = function() {
alert("音訊時長已更改");
};
自己動手試一試 »
❮ HTML 音訊/影片 DOM 參考
