onloadedメタデータイベント
onloadedmetadata イベント
インスタンス
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<video controls onloadedmetadata="myFunction()">
<source src="mov_bbb.mp4" type="video/mp4">
<source src="mov_bbb.ogg" type="video/ogg">
您的浏览器不支持 HTML5 video。
</video>
<script>
function myFunction() {
alert("视频元数据已加载");
}
</script>
</body>
</html>インスタンスの実行 »
オンライン インスタンスを表示するには、[インスタンスの実行] ボタンをクリックします
この記事の下部に他の例が含まれています。
定義と使用法
onloadedmetadata イベントは、指定されたビデオ/オーディオ (オーディオ/ビデオ) のメタデータがロードされた後にトリガーされます。
ビデオ/オーディオ (オーディオ/ビデオ) のメタデータには、長さ、サイズ (ビデオ)、テキスト トラックが含まれます。
オーディオ/ビデオの読み込みプロセス中のトリガー シーケンスは次のとおりです:
- onloadstart
- ondurationchange
- onloadedmetadata
- onloadeddata
- onprogress
- oncanplay
- oncanplaythrough
ブラウザのサポート
表内の番号は、このイベントをサポートする最初のブラウザのバージョン番号を示します。
| イベント | |||||
|---|---|---|---|---|---|
| onloadedmetadata | はい | 9. 0 | はい | はい | はい |
文法
HTML:
<element onloadedmetadata="myScript">試してみる
JavaScript:
object.onloadedmetadata=function(){myScript };試してみてください
JavaScript では、addEventListener() メソッドを使用します:
object.addEventListener("loadedmetadata", myScript); 試してみる
注: Internet Explorer 8 以前の IE バージョンは addEventListener をサポートしていません。 （ ） 方法。
技術的な詳細
| バブリングがサポートされているかどうか: | いいえ |
|---|---|
| キャンセル可能: | いいえ |
| イベントタイプ: | イベント |
| サポートHTML タグ: | < ;, <ビデオ> |
その他の例
インスタンス
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<audio controls onloadedmetadata="myFunction()">
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>
<script>
function myFunction() {
alert("音频元数据已加载");
}
</script>
</body>
</html>インスタンスの実行»
オンラインの例を表示するには、[インスタンスの実行]ボタンをクリックしてください
