HTML 音頻/視頻 DOM loadedmetadata 事件

2018-08-04 20:26 更新

HTML 音頻/視頻 DOM loadedmetadata 事件

HTML audio/video 標簽參考手冊 HTML 音頻/視頻 DOM 參考手冊

實例

提示視頻的元數(shù)據(jù)已加載:

myVid=document.getElementById("video1");
myVid.onloadedmetadata=alert("Meta data for video loaded");

嘗試一下 ?

定義和用法

當指定的音頻/視頻的元數(shù)據(jù)已加載時,會發(fā)生 loadedmetadata 事件。

音頻/視頻的元數(shù)據(jù)包括:時長、尺寸(僅視頻)以及文本軌道。

當音頻/視頻處于加載過程中時,會依次發(fā)生以下事件:

  1. loadstart
  2. durationchange
  3. loadedmetadata
  4. loadeddata
  5. progress
  6. canplay
  7. canplaythrough

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持 loadedmetadata 事件。

注意:Internet Explorer 8 及之前的版本不支持該事件。


語法

在 HTML 中:

<audio|video onloadedmetadata="SomeJavaScriptCode">

在 JavaScript 中:

audio|video.onloadedmetadata=SomeJavaScriptCode;

使用 addEventListener():

audio|video.addEventListener("loadedmetadata", function()
? {
? //SomeJavaScriptCode
? }
);

技術細節(jié)

以下 HTML 標簽支持: <audio>, <video>
以下 JavaScript 對象支持: Audio, Video


實例

更多實例

在 HTML 元素上使用 onloadedmetadata 屬性

使用 addEventListener() 來監(jiān)聽 loadedmetadata 事件


HTML audio/video 標簽參考手冊 HTML Audio/Video DOM 參考手冊
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號