HTMLオーディオ/ビデオDOMloadedmetadataイベント

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

ビデオのメタデータがロードされたときにアラートを出します。

var vid = document.getElementById("myVideo");
vid.onloadedmetadata = function() {
    alert("Metadata for video loaded");
};

以下の「自分で試してみてください」の例をもっと見てください。


定義と使用法

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

オーディオ/ビデオのメタデータは、期間、サイズ(ビデオのみ)、およびテキストトラックで構成されます。

オーディオ/ビデオのロードプロセス中に、次のイベントがこの順序で発生します。

  1. ロードスタート
  2. 期間の変更
  3. ロードされたメタデータ
  4. ロードされたデータ
  5. 進捗
  6. 遊べる
  7. canplaythrough

ブラウザのサポート

表の数字は、イベントを完全にサポートする最初のブラウザーバージョンを示しています。

Event
loadedmetadata Yes 9.0 Yes Yes Yes

構文

HTMLの場合:

<audio|video onloadedmetadata="myScript">

JavaScriptの場合:

audio|video.onloadedmetadata=function(){myScript};

JavaScriptでは、addEventListener()メソッドを使用します。

audio|video.addEventListener("loadedmetadata", myScript);

技術的な詳細

サポートされているHTMLタグ: <オーディオ>と<ビデオ>
サポートされているJavaScriptオブジェクト: オーディオビデオ

その他の例

オーディオのメタデータがロードされたときにアラートを出します。

var aud = document.getElementById("myAudio");
aud.onloadedmetadata = function() {
    alert("Metadata for audio loaded");
};

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