loadeddata ( onloadeddata )イベン卜
loadeddata ( onloadeddata )イベントは、<audio>、<video> エレメントといったメディアデータのダウンロードが完了したら発生するイベントです。
このイベントは、メディアデータが再生できるかは評価していません。再生できるかは、oncanplay、oncanplaythrough イベントで評価されます。
document.getElementsByTagName('video')[0].onloadeddata = function( event ){
console.log( event );
};
詳しくはExample
を参照してください。
JavaScript における <audio> については HTMLAudioElement インターフェイスを、<video> についてはHTMLVideoElement インターフェイスを参照してください。
ページ内 Index
構文（Syntax）
in HTML
<tagelement onloadeddata="function()">
in JavaScript
object.onloadeddata = function(){ };
object.addEventListener("loadeddata", script_);
備考（Remarks）
| Bubbles | No |
| Cancelable | No |
| Interface | UiEvent（ユーザーインターフェイスから生成された場合）,Event |
| Supported HTML Elements | <audio>,<video> |
Example
loadeddata ( onloadeddata )イベン卜の例です。
以下に例では、動画を読み込むと同時にメタデータも読み込まれます。詳しくは開発用コンソールで確認してください。
関連するイベント
読み込みに使用するイベントです。エレメントのロード、ファイルのダウンロード、動画や音声といったメディデータのダウンロードと用途によって機能する／しないイベントがあります。
| イベント | 概要 |
|---|---|
| onabort | 読み込みが途中でキャンセルされたら |
| onerror | リソースの読み込みの失敗または実行時にエラーが発生したら |
| onload | ファイルやエレメントのロードに時に発生。window でページの初期設定に使用 |
| onloadeddata | メディアデータの読み込みが終了したら |
| onloadedmetadata | メディアのメタデータの読み込みが完了したら |
| onloadend | ファイルの読み込みが終了したら |
| onloadstart | ファイルやメディアデータダウンロードプロセスが始まったら |
| onprogress | ファイルやメディアデータをダウンロードをしている間 |
| onstalled | ダウンロードをしたデータが利用できない |
| onsuspend | ダウンロードデータがないと |