HTML リファレンスマニュアル

HTML タグ完全版

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

メタデータが読み込まれた後に、loadedmetadata イベントがトリガーされます。

オンラインのサンプル

ビデオメタデータの読み込み中に警告を発行する：

例

<!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>HTML　オーディオ/video　loadedmetadata　イベントの使用-基本のチュートリアル(oldtoolbag.com)</title>
</head>
<body>
<video　id="video1"　controls="controls">
　　<source　src="movie.mp4"　type="video/mp4">
　　<source　src="movie.ogg"　type="video/ogg">
　　あなたのブラウザは HTML をサポートしていません。5　video　　タグ。
</video>
<script>
myVid=document.getElementById("video1");
myVid.onloadedmetadata=alert("ビデオのメタデータが読み込まれました");
</script>　
</body>
</html>

テストをしてみる ‹/›

定義と使用法

指定されたオーディオが読み込まれた場合/ビデオのメタデータが読み込まれた場合、loadedmetadata イベントが発生します。
オーディオ/ビデオのメタデータには、持续时间、サイズ（ビデオのみ）およびテキストトラックが含まれます。

オーディオ/ビデオが読み込まれている間に以下のイベントが順次発生します：

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザは loadedmetadata イベントをサポートしています。

注意：Internet Explorer 8 およびそれ以前のバージョンでは、このイベントをサポートしていません。

文法

HTML で：

<audio|video onloadedmetadata="SomeJavaScriptCode">

JavaScript で：

audio|video.onloadedmetadata=SomeJavaScriptCode;

addEventListener() を使用：

audio|video.addEventListener("loadedmetadata", function()
　 {
　 //SomeJavaScriptCode
　 }
);

技術的詳細

以下の HTML タグがサポートされています：	<audio>, <video>
以下の JavaScript オブジェクトがサポートされています：	オーディオ、ビデオ

さらに多くの例

HTML 要素上で onloadedmetadata 属性を使用

addEventListener() を使用して loadedmetadata イベントをリスン

　HTML オーディオ/Video DOM リファレンスマニュアル

HTML: <template> タグ