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 の定義	勧告

	デスクトップ						モバイル
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Android 版 Chrome	Android 版 Firefox	Android 版 Opera	iOSのSafari	Samsung Internet
`volumechange` event	Chrome 完全対応あり	Edge 完全対応あり	Firefox 完全対応あり	IE 完全対応 9	Opera 完全対応あり	Safari 完全対応あり	WebView Android 完全対応あり	Chrome Android 完全対応あり	Firefox Android 完全対応あり	Opera Android 完全対応あり	Safari iOS 完全対応あり	Samsung Internet Android 完全対応あり