HTMLMediaElement: loadedmetadata イベント

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2015年7月⁩.

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

構文

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

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

一般的な Event です。

これらの例では、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("メディアとトラックの長さと寸法が分かりました。");
};

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

This page was last modified on ⁨2024年8月5日⁩ by MDN contributors.