HTMLオーディオ/ビデオDOMloadedmetadataイベント
例
ビデオのメタデータがロードされたときにアラートを出します。
var vid = document.getElementById("myVideo");
vid.onloadedmetadata = function() {
alert("Metadata for video loaded");
};
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
ロードされたメタデータイベントは、指定されたオーディオ/ビデオのメタデータがロードされたときに発生します。
オーディオ/ビデオのメタデータは、期間、サイズ(ビデオのみ)、およびテキストトラックで構成されます。
オーディオ/ビデオのロードプロセス中に、次のイベントがこの順序で発生します。
ブラウザのサポート
表の数字は、イベントを完全にサポートする最初のブラウザーバージョンを示しています。
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リファレンス