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

HTML タグ完全ガイド

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

loadeddata イベントは最初のフレームデータが読み込まれた後にトリガーされます。

オンラインサンプル

現在のフレームのデータが利用可能であることを示します：

サンプル

<!DOCTYPE　html>
<html>
<head>
<meta charset="utf-8">
<title>HTML　オーディオ/video　loadeddata　イベントの使用-基本チュートリアル(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.onloadeddata=alert("ブラウザが現在のフレームを読み込んだ");
</script>　
</body>
</html>

試してみてください ‹/›

定義と使用法

現在のフレームのデータが読み込まれたが、指定されたオーディオを再生するのに十分なデータがまだない場合/ビデオの次のフレームで loadeddata イベントが発生します。

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

ブラウザの互換性

IEFirefoxオペラChromeSafari

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

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

文法

HTML では：

<audio|video onloadeddata="SomeJavaScriptCode">

JavaScript では：

audio|video.onloadeddata=SomeJavaScriptCode;

addEventListener() を使用する：

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

技術的な詳細

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

もっと例

HTML エレメント上で onloadeddata 属性を使用する

addEventListener() を使用して loadeddata イベントをリスニングする

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

HTML: <template> タグ