HTMLMediaElement: loadedmetadata イベント

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

バブリング なし
キャンセル 不可
インターフェイス Event
対象 Element
Default Action 要素
イベントハンドラプロパティ GlobalEventHandlers.onloadedmetadata
仕様 HTML5 メディア

追加のプロパティ

プロパティ 型 説明
mozChannels 読取専用 int チャンネル数。
mozSampleRate 読取専用 int 1秒あたりのサンプルレート。
mozFrameBufferLength 読取専用 int すべてのチャンネルで収集されたサンプルの数。

例

これらの例では、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('メディアとトラックの' + '
      長さと寸法は現在わかっています。');
};

仕様

仕様 状態
HTML Living Standard
loadedmetadata media event の定義		 現行の標準
HTML5
loadedmetadata media event の定義		 勧告

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
loadedmetadata eventChrome 完全対応 3Edge 完全対応 ありFirefox 完全対応 3.5IE 完全対応 9Opera 完全対応 10.5Safari 完全対応 3.1WebView Android 完全対応 ありChrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 1.0

凡例

完全対応  
完全対応

関連情報

関連トピック