編程教程HTML 音頻/視頻 DOM loadedmetadata 事件
HTML 音頻/視頻 DOMloadedmetadata事件
HTML 音頻/視頻 DOM 參考手冊
實例
提示視頻的元數據已加載：
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|videoonloadedmetadata="SomeJavaScriptCode">
在 JavaScript 中：
audio|video.onloadedmetadata=SomeJavaScriptCode;
使用 addEventListener()：
audio|video.addEventListener("loadedmetadata", function()
? {
?//SomeJavaScriptCode
? }
);
? {
?//SomeJavaScriptCode
? }
);
技術細節
| 以下 HTML 標簽支持： | <audio>, <video> |
|---|---|
| 以下 JavaScript 對象支持： | Audio, Video |
更多實例
在 HTML 元素上使用 onloadedmetadata 屬性
使用 addEventListener() 來監聽 loadedmetadata 事件
HTML Audio/Video DOM 參考手冊