English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Se desencadenará el evento volumechange al cambiar el volumen.
Audio HTML/Manual de referencia del DOM de video
Mostrar un mensaje emergente cuando cambia el volumen del video:
!DOCTYPE html
<html>
<head>
<meta charset="utf-8">
<title>Audio HTML/Uso del evento onvolumechange de video-Tutoriales básicos(oldtoolbag.com)</title>
</head>
<body>
<p>Intente cambiar el volumen del video.</p>
<video id="myVideo" width="320" height="176" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Su navegador no admite HTML5 etiqueta video.
</video>
<script>
var vid = document.getElementById("myVideo");
vid.onvolumechange = function()
{
alert("El volumen se ha cambiado");
};
</script>
</body>
</html>Prueba para ver ‹/›Cada vez que se cambia el video/Se produce el evento volumechange cuando cambia el volumen del audio.
Citas de eventos referidos:
Aumentar o disminuir el volumen
Silenciar o desilenciar
Consejo: Utilice Audio/Objeto Video volume propiedades para establecer o devolver el volumen del audio/Video (audio/volumen del video).
IEFirefoxOperaChromeSafari
En HTML:
<audio|video onvolumechange="myScript">Pruebe
En JavaScript:
audio|video.onvolumechange=function(){myScript};Pruebe
En JavaScript, utilice el método addEventListener():
audio|video.addEventListener("volumechange", myScript);Pruebe
Nota: Internet Explorer 8 y versiones de IE más antiguas no lo soportan addEventListener() Métodos.
Detalles técnicos| Etiquetas HTML compatibles: | <audio> y <video> |
|---|---|
| Objetos JavaScript compatibles: | Audio, Video |
Mostrar un mensaje emergente cuando cambia el volumen del audio:
!DOCTYPE html
<html>
<head>
<meta charset="utf-8">
<title>Audio HTML/Uso del evento onvolumechange de video-Tutoriales básicos(oldtoolbag.com)</title>
</head>
<body>
<p>Intente cambiar el volumen del audio.</p>
<audio id="myAudio" controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Su navegador no admite HTML5 etiqueta video.
</audio>
<script>
var aud = document.getElementById("myAudio");
aud.onvolumechange = function()
{
alert("El volumen se ha cambiado");
};
</script>
</body>
</html>Prueba para ver ‹/›