Événements ratechangedu DOM Audio/Vidéo HTML

Manuel de référence du DOM HTML/Vidéo

Exemple

Modifiez la vitesse de lecture de la vidéo et affichez la vitesse modifiée :

// Obtenir l'élément <video> avec id="myVideo"
var vid = document.getElementById("myVideo");

// Définir la vitesse de lecture de la vidéo sur 0.3 (lente)
function setPlaySpeed() {
    vid.playbackRate = 0.3;
}

// Ajouter un événement ratechange à <video> pour exécuter une fonction lorsque la vitesse de lecture de la vidéo change. La fonction affichera un message texte d'alerte.
vid.onratechange = function() {myFunction()};

function myFunction() {
alert("La vitesse de lecture de la vidéo a changé");
}

Essayez-le vous-même »

Définition et utilisation

L'événement ratechange est déclenché lorsque la vitesse de lecture de l'audio/vidéo change (par exemple, lorsque l'utilisateur passe en mode de lecture lente ou rapide).

Cet événement est déclenché via la propriétéplaybackRatede l'audio/vidéo, qui est utilisée pour définir ou renvoyer la vitesse de lecture de l'audio/vidéo.

Prise en charge des navigateurs

Les nombres dans le tableau indiquent le numéro de version du premier navigateur qui prend en charge cet événement.

Événements
ratechange Oui 9.0 Oui Oui Oui

Syntaxe

En HTML :

<audio|video onratechange="myScript">Essayez-le vous-même

En JavaScript :

audio|video.onratechange=function(){myScript};Essayez-le vous-même

En JavaScript, en utilisant la méthode addEventListener() :

audio|video.addEventListener("ratechange", myScript);Essayez-le vous-même

Remarque :Internet Explorer 8 et les versions antérieures d'IE ne prennent pas en charge la méthodeaddEventListener().

Détails techniques
Balises HTML prises en charge : <audio> et <video>
Objets JavaScript pris en charge : Audio, Video

Manuel de référence HTML Audio/Video DOMautres extensions