HTML Audio/Video DOM loadeddata Événement

❮ Référence DOM Audio/Video HTML

Exemple

Alerte lorsque les données pour le cadre actuel sont disponibles (pour <video>):

let vid = document.getElementById("myVideo");
vid.onloadeddata = function() {
alert("Le navigateur a chargé le cadre actuel");
};
Essayez-le vous-même »

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


Définition et Utilisation

L'événement loadeddata se produit lorsque les données pour le cadre actuel sont chargées, mais qu'il n'y a pas suffisamment de données pour lire le cadre suivant de l'audio/vidéo spécifié.

Pendant le processus de chargement d'un audio/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
loadeddata Oui 9.0 Oui Oui Oui

Syntaxe

En HTML :

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

En JavaScript :

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

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

audio|video .addEventListener("loadeddata", 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 les données pour le cadre actuel sont disponibles (pour <audio>):

let aud = document.getElementById("myAudio");
aud.onloadeddata = function() {
alert("Le navigateur a chargé le cadre actuel");
};
Essayez-le vous-même »

❮ Référence DOM Audio/Video HTML