Latest web development tutorials

HTMLオーディオ/ビデオDOM loadedmetadataイベント

HTMLオーディオ/ビデオタグリファレンス HTMLオーディオ/ビデオDOMリファレンス

ヒントビデオメタデータがロードされます。

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

»をお試しください

定義と使用法

指定されたオーディオ/ビデオメタデータがロードされると、loadedmetadataイベントが発生します。

オーディオ/ビデオのメタデータが含まれます:持続時間、サイズ(ビデオのみ)、およびテキストトラックを。

オーディオ/ビデオをロードしているとき、次のイベントが発生したことにより、プロセスが続くことになります。

  1. loadstart
  2. durationchange
  3. loadedmetadata
  4. loadeddata
  5. 進捗
  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使用

イベントloadedmetadataをリッスンするには、addEventListener()を使用


HTMLオーディオ/ビデオタグリファレンス HTMLオーディオ/ビデオDOMリファレンス