Руководство по HTML

Полный список тегов HTML

Событие volumechange DOM аудио/видео HTML

Событие volumechange возникает при изменении уровня звука.

Онлайн пример

Появление сообщения о提示 информации при изменении уровня звука видео:

Пример

<!DOCTYPE　html>
<html>
<head>
<meta charset="utf-8">
<title>Использование события onvolumechange в аудио/видео HTML - базовый учебник - oldtoolbag.com</title>
</head>
<body>
<p>Попробуйте изменить уровень звука видео.</p>
<video　id="myVideo"　width="320"　height="176"　controls>
　　<source　src="movie.mp4"　type="video/mp4">
　　<source　src="movie.ogg"　type="video/ogg">
　　Ваш браузер не поддерживает тег HTML5 video.
</video>
<script>
var　vid　=　document.getElementById("myVideo");
vid.onvolumechange　=　function()　
{
　　　　alert("Громкость изменена");
};
</script>　　
</body>
</html>

Проверьте, <‹/›>

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

Событие volumechange возникает каждый раз при изменении уровня звука видео/аудио.

Ситуации использования события:

Увеличение или уменьшение уровня звука
Отключение и включение звука

Совет: Использование объектов Audio/Video: volume Свойство используется для установки или возврата уровня звука аудио/видео (audio/video).

Совместимость браузеров

IEFirefoxOperaChromeSafari

Грамматика

В HTML:

<audio|video onvolumechange="myScript">Попробуйте

В JavaScript:

audio|video.onvolumechange=function(){myScript};Попробуйте

В JavaScript, используйте метод addEventListener():

audio|video.addEventListener("volumechange", myScript);Попробуйте

Внимание: Internet Explorer 8 и более ранние версии IE не поддерживают addEventListener() Методы.

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

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

Онлайн пример

Появление сообщения о提示信息 при изменении уровня звука аудио:

Пример

<!DOCTYPE　html>
<html>
<head>
<meta charset="utf-8">
<title>Использование события onvolumechange в аудио/видео HTML - базовый учебник - oldtoolbag.com</title>
</head>
<body>
<p>Попробуйте изменить громкость аудио.</p>
<audio id="myAudio" controls>
　　<source src="horse.ogg" type="audio/ogg">
　　<source src="horse.mp3" type="audio/mpeg">
　　Ваш браузер не поддерживает тег HTML5 video.
</audio>
<script>
var aud = document.getElementById("myAudio");
aud.onvolumechange = function()　
{
　　　　alert("Громкость изменена");
};
</script>
</body>
</html>

Проверьте, <‹/›>

Руководство по DOM аудио/видео HTML

HTML: <template> тег