HTML 音頻/視頻 DOM loadedmetadata 事件
實(shí)例
提示視頻的元數(shù)據(jù)已加載:
myVid=document.getElementById("video1");
myVid.onloadedmetadata=alert("Meta data for video loaded");
myVid.onloadedmetadata=alert("Meta data for video loaded");
嘗試一下 ?
定義和用法
當(dāng)指定的音頻/視頻的元數(shù)據(jù)已加載時(shí),會(huì)發(fā)生 loadedmetadata 事件。
音頻/視頻的元數(shù)據(jù)包括:時(shí)長(zhǎng)、尺寸(僅視頻)以及文本軌道。
當(dāng)音頻/視頻處于加載過(guò)程中時(shí),會(huì)依次發(fā)生以下事件:
- loadstart
- durationchange
- loadedmetadata
- loadeddata
- progress
- canplay
- canplaythrough
瀏覽器支持
所有主流瀏覽器都支持 loadedmetadata 事件。
注意:Internet Explorer 8 及之前的版本不支持該事件。
語(yǔ)法
在 HTML 中:
<audio|video onloadedmetadata="SomeJavaScriptCode">
在 JavaScript 中:
audio|video.onloadedmetadata=SomeJavaScriptCode;
使用 addEventListener():
audio|video.addEventListener("loadedmetadata", function()
? {
? //SomeJavaScriptCode
? }
);
? {
? //SomeJavaScriptCode
? }
);
技術(shù)細(xì)節(jié)
以下 HTML 標(biāo)簽支持: | <audio>, <video> |
---|---|
以下 JavaScript 對(duì)象支持: | Audio, Video |
更多實(shí)例
在 HTML 元素上使用 onloadedmetadata 屬性
使用 addEventListener() 來(lái)監(jiān)聽(tīng) loadedmetadata 事件
HTML Audio/Video DOM 參考手冊(cè)
更多建議: