最新のWeb開発のチュートリアル
 

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

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

動画のメタデータがロードされたときに警告します:

var vid = document.getElementById("myVideo");
vid.onloadedmetadata = function() {
    alert("Meta data for video loaded");
};
»それを自分で試してみてください

詳細以下の例「自分にそれを試してみてください」。


定義と使用法

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

、期間寸法(ビデオのみ)、テキストトラックを:オーディオ/ビデオのメタデータが構成されています。

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

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

ブラウザのサポート

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

イベント
loadedmetadata はい 9.0 はい はい はい

構文

HTMLの場合:

< audio|video onloadedmetadata="myScript"> Try it

JavaScriptで:

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

JavaScriptで、使用してaddEventListener()メソッドを:

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

注: addEventListener()メソッドは、Internet Explorer 8およびそれ以前のバージョンではサポートされていません。


技術的詳細

サポートされているHTMLタグ: <audio> and <video>
サポートされているJavaScriptオブジェクト: Audio, Video

その他の例

オーディオ用のメタデータがロードされたときに警告します:

var aud = document.getElementById("myAudio");
aud.onloadedmetadata = function() {
    alert("Meta data for audio loaded");
};
»それを自分で試してみてください

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