HTMLMediaElement: loadedmetadata イベント

これらの例では、HTMLMediaElement の loadedmetadata イベントのイベントリスナーを追加し、そのイベントハンドラがイベントの発生に反応したときにメッセージを投稿します。

addEventListener() を使用する場合

const video = document.querySelector('video');

video.addEventListener('loadedmetadata', (event) => {
  console.log('メディアとトラックの' + '
      長さと寸法は現在わかっています。');
});

onloadedmetadata イベントハンドラープロパティを使用する場合

const video = document.querySelector('video');

video.onloadedmetadata = (event) => {
  console.log('メディアとトラックの' + '
      長さと寸法は現在わかっています。');
};

• HTMLMediaElement playing イベント
• HTMLMediaElement waiting イベント
• HTMLMediaElement seeking イベント
• HTMLMediaElement seeked イベント
• HTMLMediaElement ended イベント
• HTMLMediaElement loadedmetadata イベント
• HTMLMediaElement loadeddata イベント
• HTMLMediaElement canplay イベント
• HTMLMediaElement canplaythrough イベント
• HTMLMediaElement durationchange イベント
• HTMLMediaElement timeupdate イベント
• HTMLMediaElement play イベント
• HTMLMediaElement pause イベント
• HTMLMediaElement ratechange イベント
• HTMLMediaElement volumechange イベント
• HTMLMediaElement suspend イベント
• HTMLMediaElement emptied イベント
• HTMLMediaElement stalled イベント

• HTMLAudioElement
• HTMLVideoElement
• <audio>
• <video>

• このイベントは Gecko の 音声 API 拡張の一部です。