HTML Audio/Video DOM loadeddata イベント

❮ HTML オーディオ/ビデオ DOM リファレンス

現在のフレーム用のデータが利用可能であることを通知します(<video> の場合):

var vid = document.getElementById("myVideo");
vid.onloadeddata = function() {
    alert("Browser has loaded the current frame");
};
Try it Yourself ❯

他の "Try it Yourself" の例が下にあります。


定義と用法

loadeddata イベントは、指定のオーディオ/ビデオにおける現在のフレーム・データはロードされたが、 次のフレームを再生するためのデータが十分ではないときに発生します。

オーディオ/ビデオのロード処理中に、次のイベントがこの順序で発生します:

  1. loadstart
  2. durationchange
  3. loadedmetadata
  4. loadeddata
  5. progress
  6. canplay
  7. canplaythrough

ブラウザ・サポート

表中の数字は、イベントを完全にサポートした最初のブラウザ・バージョンを指定しています。

イベント
loadeddata Yes 9.0 Yes Yes Yes

構文

HTML の場合:

<audio|video onloadeddata="myScript">Try it

JavaScript の場合:

audio|video.onloadeddata=function(){myScript};Try it

JavaScriptで、addEventListener() メソッドを使用する場合:

audio|video.addEventListener("loadeddata", myScript);Try it

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


技術的詳細

サポートする HTML タグ: <audio> および <video>
サポートするJavaScript オブジェクト: Audio, Video

Examples

その他の例

現在のフレーム用のデータが利用可能であることを通知します(<audio> の場合):

var aud = document.getElementById("myAudio");
aud.onloadeddata = function() {
    alert("Browser has loaded the current frame");
};
Try it Yourself ❯

HTML audio Tag Reference HTML オーディオ/ビデオ DOM リファレンス