Evento de cambio de volumen DOM de audio/video HTML

❮ Referencia de DOM de audio/vídeo HTML

Ejemplo

Alerta de que se ha cambiado el volumen de un vídeo:

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

Más ejemplos de "Pruébelo usted mismo" a continuación.


Definición y uso

El evento de cambio de volumen ocurre cada vez que se cambia el volumen de un video/audio.

Este evento es invocado por:

  • Aumentar o disminuir el volumen
  • Silenciar o reactivar el reproductor multimedia

Sugerencia: use la propiedad de volumen del objeto de audio/video para establecer o devolver el volumen de audio de un audio/video.


Compatibilidad con navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el evento.

Event
volumechange Yes 9.0 Yes Yes Yes

Sintaxis

En HTML:

<audio|video onvolumechange="myScript">

En JavaScript:

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

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

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

Detalles técnicos

Etiquetas HTML compatibles: <audio> y <vídeo>
Objetos de JavaScript admitidos: Audio, Video

Más ejemplos

Ejemplo

Alerta de que se ha cambiado el volumen de un archivo de audio:

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

❮ Referencia de DOM de audio/vídeo HTML