HTMLMediaElement: loadedmetadata イベント

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

構文

このイベントを addEventListener() などのメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。

js
addEventListener("loadedmetadata", (event) => {});

onloadedmetadata = (event) => {};

イベント型

一般的な Event です。

例

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

addEventListener() を使用する場合:

js
const video = document.querySelector("video");

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

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

js
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

関連イベント

関連情報