loadedmetadata ( onloadedmetadata )イベント
loadedmetadata ( onloadedmetadata )イベントは、<audio> ,<video> エレメントのメタデータがロードされたら発生するイベントです。
メタデータとは音声や動画データに付随するデータです。
document.getElementById("example").onloadedmetadata = ( event )=>{
console.log( event );
};
JavaScript における <audio> については HTMLAudioElement インターフェイスを、<video> についてはHTMLVideoElement インターフェイスを参照してください。
ページ内 Index
構文（Syntax）
HTMLPreElement にイベントハンドラーを定義する方法には以下があります。
in HTML
<tagelement onloadedmetadata ="function(); ...;">
in JavaScript
object.onloadedmetadata = function(){... };
addEventListener()
関数の呼び出し。関数名のみ使用で、event 以外の引数が渡せない。
object.addEventListener("loadedmetadata ", function_name);
スクリプトを直接記述する方法。スクリプトから関数を呼び出せる。
object.addEventListener("loadedmetadata ", ()=>{ ... },false);
// または
object.addEventListener("loadedmetadata ",function(){ ... },false);
イベントについてはEventを参照してください。 イベントの監視についてはEventTargetが担っています。
備考（Remarks）
Example
loadedmetadata ( onloadedmetadata )イベントの例です。
以下に例では、動画を読み込むと同時にメタデータも読み込まれます。詳しくは開発用コンソールで確認してください。
メタデータの読み込みが終了したらloadedmetadata ( onloadedmetadata )イベントが発生するようです。
関連するイベント
読み込みに使用するイベントです。エレメントのロード、ファイルのダウンロード、動画や音声といったメディデータのダウンロードと用途によって機能する／しないイベントがあります。
| イベント | 概要 |
|---|---|
| onabort | 読み込みが途中でキャンセルされたら |
| onerror | リソースの読み込みの失敗または実行時にエラーが発生したら |
| onload | ファイルやエレメントのロードに時に発生。window でページの初期設定に使用 |
| onloadeddata | メディアデータの読み込みが終了したら |
| onloadedmetadata | メディアのメタデータの読み込みが完了したら |
| onloadend | ファイルの読み込みが終了したら |
| onloadstart | ファイルやメディアデータダウンロードプロセスが始まったら |
| onprogress | ファイルやメディアデータをダウンロードをしている間 |
| onstalled | ダウンロードをしたデータが利用できない |
| onsuspend | ダウンロードデータがないと |