HTMLMediaElement: volumechange イベント

構文

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

addEventListener("volumechange", (event) => {});

onvolumechange = (event) => {};

イベント型

一般的な Event です。

例

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

addEventListener() を使用した例:

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

video.addEventListener("volumechange", (event) => {
  console.log("The volume changed.");
});

onvolumechange イベントハンドラープロパティを使用した例:

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

video.onvolumechange = (event) => {
  console.log("The volume changed.");
};

仕様書

ブラウザーの互換性

関連イベント

• 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 suspend イベント
• HTMLMediaElement emptied イベント
• HTMLMediaElement stalled イベント

関連情報

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