Evento onvolumechange
Definición y uso
Se produce el evento onvolumechange cada vez que se cambia el volumen del video/audio。
Este evento se desencadena por lo siguiente:
- Aumentar o disminuir el volumen
- Silenciar o desilenciar el reproductor de medios
Consejo:Usa el objeto audio/video Propiedad volume para configurar o devolver el volumen del audio/video。
Ejemplo
Ejemplo 1
Ejecuta JavaScript cuando cambia el volumen del video:
<video onvolumechange="myFunction()">
Ejemplo 2
Ejecuta JavaScript cuando cambia el volumen del audio:
<audio onvolumechange="myFunction()">
Ejemplo 3
Configura el volumen usando la propiedad volume:
document.getElementById("myVideo").volume = 0.2;
Sintaxis
En HTML:
<elemento onvolumechange="myScript">
En JavaScript:
objeto.onvolumechange = function(){myScript};
En JavaScript, utiliza el método addEventListener():
objeto.addEventListener("volumechange", myScript);
Notas:Internet Explorer 8 y versiones anteriores no lo soportan Método addEventListener()。
Detalles técnicos
Burbujeante: | No soportado |
---|---|
Cancelable: | No soportado |
Tipo de evento: | Evento |
Etiquetas HTML soportadas: | <audio> y <video> |
Versión de DOM: | Eventos de Nivel 3 |
Compatibilidad del navegador
Los números en la tabla indican la versión del navegador que admite completamente el evento.
Eventos | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
onvolumechange | Soporte | 9.0 | Soporte | Soporte | Soporte |