loadedmetadata ( onloadedmetadata )イベント
loadedmetadata ( onloadedmetadata )イベントは、<audio> ,<video> エレメントのメタデータがロードされたら発生するイベントです。
メタデータとは音声や動画データに付随するデータです。
document.getElementById("example").onloadedmetadata = ( event )=>{
console.log( event );
};
ページ内 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）
| Bubbles | No |
| Cancelable | No |
| Interface | UiEvent（ユーザーインターフェイスから生成された場合）,Even |
| Supported HTML Elements | <audio> ,<video> |
Example
loadedmetadata ( onloadedmetadata )イベントの例です。
以下に例では、動画を読み込むと同時にメタデータも読み込まれます。詳しくは開発用コンソールで確認してください。
メタデータの読み込みが終了したらloadedmetadata ( onloadedmetadata )イベントが発生するようです。
<audio> ,<video> に関するイベント
<audio> ,<video> によるロードプロセスをフォローするイベントには以下があります。
| イベントタイプ名 | 条件 |
|---|---|
| oncanplay | <audio>または<video>メディアの再生が可能になったら |
| oncanplaythrough | バッファリングを停止することなく再生できる |
| ondurationchange | メディアの再生時間が変更されたら |
| onloadedmetadata | メディアのmetaデータが読み込まれたら |
| onloadeddata | 次のフレームが再生できなければ |
| onloadstart | メディアデータのダウンロードプロセスが始まったら |
| onpause | メディアの再生を一時停止 |
| onplay | 再生される、または一時停止から再開すると |
| onplaying | 一時停止または停止した後に再生を再開すると |
| onprogress | メディアのダウンロード中に |
| onratechange | 再生速度が変更されたら |
| onseeked | 再生位置を変更するまたはスキップし再生が始まったら |
| onseeking | 再生位置を変更またはスキップ操作直後 |