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