備忘録的プログラミングリファレンス

loadeddata ( onloadeddata )イベン卜

 loadeddata ( onloadeddata )イベントは、<audio><video> エレメントといったメディアデータのダウンロードが完了したら発生するイベントです。

 このイベントは、メディアデータが再生できるかは評価していません。再生できるかは、oncanplayoncanplaythrough イベントで評価されます。

body.onload
document.getElementsByTagName('video')[0].onloadeddata = function( event ){
	console.log( event );
};

詳しくはExampleを参照してください。

 JavaScript における <audio> については HTMLAudioElement インターフェイスを、<video> についてはHTMLVideoElement インターフェイスを参照してください。

構文(Syntax)

in HTML

<tagelement onloadeddata="function()">

in JavaScript

object.onloadeddata = function(){ };

object.addEventListener("loadeddata", script_);

備考(Remarks)

BubblesNo
CancelableNo
InterfaceUiEvent(ユーザーインターフェイスから生成された場合),Event
Supported HTML Elements<audio>,<video>

Example

 loadeddata ( onloadeddata )イベン卜の例です。

 以下に例では、動画を読み込むと同時にメタデータも読み込まれます。詳しくは開発用コンソールで確認してください。

確認ボタンをクリックしてください。以下のHTML,CSS,Scriptコード例が実行されます。