HTMLMediaElement: volumechange イベント

volumechange イベントは、ボリュームが変更されたときに発生します。

このイベントはキャンセル不可で、バブリングしません。

構文

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

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

onvolumechange = (event) => {};

イベント型

一般的な Event です。

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

addEventListener() を使用した例:

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

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

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

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

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

仕様書

Specification
HTML Standard
# event-media-volumechange
HTML Standard
# handler-onvolumechange

ブラウザーの互換性

BCD tables only load in the browser

関連イベント

関連情報