DOM Audio/Video HTML canplay Événement

❮ Référence DOM Audio/Video HTML

Exemple

Alerte lorsque la vidéo est prête à commencer à jouer :

let vid = document.getElementById("myVideo");
vid.oncanplay = function() {
alert("Peut commencer à jouer la vidéo");
};
Essayez-le vous-même »

Plus d'exemples "Essayez-le vous-même" ci-dessous.


Définition et Utilisation

L'événement canplay se produit lorsque le navigateur peut commencer à jouer l'audio ou la vidéo spécifiés (lorsqu'il a mis en mémoire tampon suffisamment pour commencer).

Pendant le processus de chargement d'un audio ou d'une vidéo, les événements suivants se produisent, dans cet ordre :

  1. loadstart
  2. durationchange
  3. loadedmetadata
  4. loadeddata
  5. progress
  6. canplay
  7. canplaythrough

Support des Navigateurs

Les chiffres dans le tableau spécifient la première version du navigateur qui prend entièrement en charge l'événement.

Événement
canplay Oui 9.0 Oui Oui Oui

Syntaxe

En HTML :

< audio|video oncanplay=" myScript "> Essayez-le

En JavaScript :

audio|video .oncanplay=function(){ myScript }; Essayez-le

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

audio|video .addEventListener("canplay", myScript ); Essayez-le

Détails Techniques

Balises HTML prises en charge : <audio> et <video>
Objets JavaScript pris en charge : Audio, Vidéo

Plus d'Exemples

Exemple

Alerte lorsque l'audio est prêt à commencer à jouer :

let aud = document.getElementById("myAudio");
aud.oncanplay = function() {
alert("Peut commencer à jouer l'audio");
};
Essayez-le vous-même »

❮ Référence DOM Audio/Video HTML