Событие изменения громкости HTML Audio/Video DOM

❮ Справочник по HTML аудио/видео DOM

Пример

Оповещение об изменении громкости видео:

var vid = document.getElementById("myVideo");
vid.onvolumechange = function() {
    alert("The volume has been changed!");
};

Другие примеры «Попробуйте сами» ниже.


Определение и использование

Событие Volumechange происходит каждый раз, когда изменяется громкость видео/аудио.

Это событие вызывается:

  • Увеличение или уменьшение громкости
  • Отключение или включение звука медиаплеера

Совет. Используйте свойство громкости объекта аудио/видео, чтобы установить или вернуть громкость аудио/видео.


Поддержка браузера

Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает это событие.

Event
volumechange Yes 9.0 Yes Yes Yes

Синтаксис

В HTML:

<audio|video onvolumechange="myScript">

В JavaScript:

audio|video.onvolumechange=function(){myScript};

В JavaScript с помощью метода addEventListener():

audio|video.addEventListener("volumechange", myScript);

Технические детали

Поддерживаемые HTML-теги: <аудио> и <видео>
Поддерживаемые объекты JavaScript: Аудио видео

Дополнительные примеры

Пример

Оповещение об изменении громкости аудиофайла:

var aud = document.getElementById("myAudio");
aud.onvolumechange = function() {
    alert("The volume has been changed!");
};

❮ Справочник по HTML аудио/видео DOM