Evento de alteração de volume do DOM de áudio/vídeo HTML

❮ Referência HTML de áudio/vídeo DOM

Exemplo

Alerta de que o volume de um vídeo foi alterado:

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

Mais exemplos de "Experimente você mesmo" abaixo.


Definição e uso

O evento volumechange ocorre sempre que o volume de um vídeo/áudio é alterado.

Este evento é invocado por:

  • Aumentar ou diminuir o volume
  • Silenciando ou ativando o som do media player

Dica: Use a propriedade de volume do Objeto de áudio/vídeo para definir ou retornar o volume de áudio de um áudio/vídeo.


Suporte ao navegador

Os números na tabela especificam a primeira versão do navegador que oferece suporte total ao evento.

Event
volumechange Yes 9.0 Yes Yes Yes

Sintaxe

Em HTML:

<audio|video onvolumechange="myScript">

Em JavaScript:

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

Em JavaScript, usando o método addEventListener():

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

Detalhes técnicos

Tags HTML suportadas: <áudio> e <vídeo>
Objetos JavaScript suportados: Áudio vídeo

Mais exemplos

Exemplo

Alerta que o volume de um arquivo de áudio foi alterado:

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

❮ Referência HTML de áudio/vídeo DOM