HTML 音頻/視頻 DOM loadedmetadata 事件
實例
提示視頻的元數據已加載:
myVid=document.getElementById("video1");
myVid.onloadedmetadata=alert("Meta data for video loaded");
myVid.onloadedmetadata=alert("Meta data for video loaded");
定義和用法
當指定的音頻/視頻的元數據已加載時,會發生 loadedmetadata 事件。
音頻/視頻的元數據包括:時長、尺寸(僅視頻)以及文本軌道。
當音頻/視頻處於加載過程中時,會依次發生以下事件:
- loadstart
- durationchange
- loadedmetadata
- loadeddata
- progress
- canplay
- canplaythrough
流覽器支持
所有主流流覽器都支持 loadedmetadata 事件。
注意:Internet Explorer 8 及之前的版本不支持該事件。
語法
在 HTML 中:
<audio|video onloadedmetadata="SomeJavaScriptCode">
在 JavaScript 中:
audio|video.onloadedmetadata=SomeJavaScriptCode;
使用 addEventListener():
audio|video.addEventListener("loadedmetadata", function()
{
//SomeJavaScriptCode
}
);
{
//SomeJavaScriptCode
}
);
技術細節
以下 HTML 標籤支持: | <audio>, <video> |
---|---|
以下 JavaScript 對象支持: | Audio, Video |

更多實例
在 HTML 元素上使用 onloadedmetadata 屬性
使用 addEventListener() 來監聽 loadedmetadata 事件
