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