Manuale di riferimento HTML

Completo elenco di tag HTML

Evento volumechange DOM audio/video HTML

Quando si cambia il volume, viene attivato l'evento volumechange.

Manuale di riferimento DOM Audio/Video HTML

Esempio online

Mostra un messaggio di avviso quando cambia il volume del video:

Esempio

<!DOCTYPE　html>
<html>
<head>
<meta charset="utf-8">
<title>Utilizzo dell'evento onvolumechange HTML5 Audio/Video - Tutorial di base (oldtoolbag.com)</title>
</head>
<body>
<p>Prova a cambiare il volume 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">
　　Il tuo browser non supporta l'etichetta HTML5 video.
</video>
<script>
var　vid　=　document.getElementById("myVideo");
vid.onvolumechange　=　function()　
{
　　　　alert("Il volume è stato cambiato");
};
</script>　　
</body>
</html>

Prova a vedere ‹/›

Definizione e uso

Ogni volta che cambia il volume del video/audio, si verifica l'evento volumechange.

Casi di citazione dell'evento:

Aumentare o ridurre il volume
Silenziare o riattivare il suono

Suggerimento: Utilizzare l'oggetto Audio/Video volume Proprietà per impostare o restituire il volume dell'audio/video (audio/video).

Compatibilità dei browser

IEFirefoxOperaChromeSafari

Sintassi

In HTML:

<audio|video onvolumechange="myScript">Prova a fare un tentativo

In JavaScript:

audio|video.onvolumechange=function(){myScript};Prova a fare un tentativo

In JavaScript, utilizzare il metodo addEventListener():

audio|video.addEventListener("volumechange", myScript);Prova a fare un tentativo

Attenzione: Internet Explorer 8 e versioni precedenti non supportano addEventListener() Metodi.

Dettagli tecnici

Tag HTML supportati:	<audio> e <video>
Oggetti JavaScript supportati:	Audio, Video

Esempio online

Mostra un messaggio di avviso quando la volume dell'audio cambia:

Esempio

<!DOCTYPE　html>
<html>
<head>
<meta charset="utf-8">
<title>Utilizzo dell'evento onvolumechange HTML5 Audio/Video - Tutorial di base (oldtoolbag.com)</title>
</head>
<body>
<p>Prova a cambiare il volume dell'audio.</p>
<audio id="myAudio" controls>
　　<source src="horse.ogg" type="audio/ogg">
　　<source src="horse.mp3" type="audio/mpeg">
　　Il tuo browser non supporta l'etichetta HTML5 video.
</audio>
<script>
var aud = document.getElementById("myAudio");
aud.onvolumechange = function()　
{
　　　　alert("Il volume è stato cambiato");
};
</script>
</body>
</html>

Prova a vedere ‹/›

Manuale di riferimento DOM Audio/Video HTML

HTML: <template> etichetta