HTMLMediaElement: loadedmetadata イベント

loadedmetadata イベントは、メタデータが読み込まれたときに発生します。

バブリング なし
キャンセル 不可
インターフェイス Event
対象 要素
既定のアクション なし
イベントハンドラープロパティ GlobalEventHandlers.onloadedmetadata (en-US)

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

addEventListener() を使用する場合

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

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

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

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

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

仕様書

Specification
HTML Standard
# event-media-loadedmetadata
HTML Standard
# handler-onloadedmetadata

ブラウザーの互換性

BCD tables only load in the browser

関連イベント

関連情報