onloadeddata イベント

DOM イベント Event オブジェクト

定義と使用法

現在のフレームのデータが読み込まれたが、次のフレームを再生するために十分なデータがまだない場合、onloadeddataイベントが発生します。

オーディオ/ビデオの読み込み中に、以下の順序で以下のイベントが発生します：

  1. onloadstart
  2. ondurationchange
  3. onloadedmetadata
  4. onloadeddata
  5. onprogress
  6. oncanplay
  7. oncanplaythrough

例

例1

現在のフレームのデータが利用可能になったときにJavaScriptを実行します（<video>の場合）：

<video onloadeddata="myFunction()">

自分で試してみてください

例2

現在のフレームのデータが利用可能になったときにJavaScriptを実行します（<audio>の場合）：

<audio onloadeddata="myFunction()">

自分で試してみてください

構文

HTMLで：

<element onloadeddata="myScript">

自分で試してみてください

JavaScriptでは：

object.onloadeddata = function(){myScript};

自分で試してみてください

JavaScriptでは、addEventListener()メソッドを使用して：

object.addEventListener("loadeddata", myScript);

自分で試してみてください

注記：Internet Explorer 8またはそれ以前のバージョンではサポートしていません addEventListener()メソッド。

技術的詳細

バブル： サポートしていません
キャンセル可能： サポートしていません
イベントタイプ： イベント
サポートするHTMLタグ： <audio> と <video>
DOMバージョン： レベル3イベント

ブラウザのサポート

このテーブルの数字は、そのイベントを完全にサポートする最初のブラウザのバージョンを示しています。

イベント Chrome IE Firefox Safari Opera
onloadeddata サポート 9.0 サポート サポート サポート
DOM イベント Event オブジェクト