HTMLMediaElement: volumechange イベント

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

バブリング なし
キャンセル可能 いいえ
インターフェイス Event
対象 Element
既定のアクション なし
イベントハンドラープロパティ GlobalEventHandlers.onvolumechange
仕様書 HTML5 media

これらの例では 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.');
};

仕様書

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

ブラウザーの対応

BCD tables only load in the browser

関連情報