HTMLMediaElement: volumechange イベント

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2015年7月⁩.

volumechangeイベントは、volume 属性か muted 属性のいずれかが変更されたときに発行されます。

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

構文

このイベントを 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.");
};

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

This page was last modified on ⁨2024年8月5日⁩ by MDN contributors.