Latest web development tutorials

HTML 音頻/視頻DOM loadedmetadata 事件

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

實例

提示視頻的元數據已加載:

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

嘗試一下»

定義和用法

當指定的音頻/視頻的元數據已加載時,會發生loadedmetadata 事件。

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

當音頻/視頻處於加載過程中時,會依次發生以下事件:

  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
}
);

技術細節

以下 HTML 标签支持: <audio>, <video>
以下 JavaScript 对象支持: Audio, Video


實例

更多實例

在HTML元素上使用onloadedmetadata屬性

使用addEventListener()來監聽loadedmetadata事件


HTML audio/video 標籤參考手冊 HTML Audio/Video DOM參考手冊