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()">

Prueba por ti mismo

Ejemplo 2

Ejecuta JavaScript cuando cambia el volumen del audio:

<audio onvolumechange="myFunction()">

Prueba por ti mismo

Ejemplo 3

Configura el volumen usando la propiedad volume:

document.getElementById("myVideo").volume = 0.2;

Prueba por ti mismo

Sintaxis

En HTML:

<elemento onvolumechange="myScript">

Prueba por ti mismo

En JavaScript:

objeto.onvolumechange = function(){myScript};

Prueba por ti mismo

En JavaScript, utiliza el método addEventListener():

objeto.addEventListener("volumechange", myScript);

Prueba por ti mismo

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