Manuale di riferimento HTML

Completo elenco dei tag HTML

Evento ratechange del DOM audio/video HTML

L'evento ratechange viene attivato dopo aver modificato la velocità di riproduzione.

Manuale di riferimento DOM Audio/Video HTML

Esempio online

Cambia la velocità di riproduzione del video e avvisa che la velocità è stata modificata:

Esempio

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Utilizzo dell'evento onratechange per audio/video HTML - Tutorial di base (oldtoolbag.com)</title>
</head>
<body>
<p>In questo esempio, abbiamo utilizzato HTML DOM per aggiungere l'evento "onratechange" all'elemento video. L'attributo playbackRate viene utilizzato per modificare la velocità di riproduzione del video.</p>
<video id="myVideo" width="320" height="176" autoplay controls>
　　<source src="mov_bbb.mp4" type="video/mp4">
　　<source src="mov_bbb.ogg" type="video/ogg">
　　Il tuo browser non supporta il tag video HTML5.
</video>
<br>
<button onclick="setPlaySpeed()" type="button">Imposta la riproduzione lenta del video</button>
<script>
// Ottieni l'elemento <video> con id="myVideo"
var vid = document.getElementById("myVideo");
// Imposta la velocità di riproduzione del video a 0.3 (lento)
function setPlaySpeed()　
{　
　　　　vid.playbackRate = 0.3;
}　
// Aggiungi l'evento ratechange a <video>, esegui la funzione quando la velocità di riproduzione del video cambia, la funzione mostrerà un messaggio di testo informativo.
vid.onratechange = function()　
{
　　　　myFunction()
};
function myFunction()　
{
　　　　alert("L'evento onratechange è stato attivato - la velocità di riproduzione del video è stata modificata");
}
</script>　
</body>
</html>

Testa e vedi «/»

Definizione e uso

Quando si modifica la velocità di riproduzione dell'audio/video (ad esempio, quando l'utente passa alla modalità rallentato o avanzamento veloce), si verifica l'evento ratechange.
Questo evento è generato dal “oggetto audio/video” delplaybackRateChiamata di proprietà, l'attributo imposta o restituisce la velocità di riproduzione corrente dell'audio/video.

Compatibilità dei browser

IEFirefoxOperaChromeSafari

Sintassi

In HTML:

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

In JavaScript:

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

In JavaScript, utilizzare il metodo addEventListener():

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

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

Dettagli tecnici

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

Manuale di riferimento DOM Audio/Video HTML

HTML: <template> etichetta