Événement de progression HTML Audio/Vidéo DOM

❮ Référence DOM HTML Audio/Vidéo

Exemple

Alerte que la vidéo est en cours de téléchargement :

var vid = document.getElementById("myVideo");
vid.onprogress = function() {
    alert("Downloading video");
};

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


Définition et utilisation

L'événement de progression se produit lorsque le navigateur télécharge l'audio/vidéo spécifié.

Lors du processus de chargement d'un fichier audio/vidéo, les événements suivants se produisent, dans cet ordre :

  1. loadstart
  2. changement de durée
  3. métadonnées chargées
  4. données chargées
  5. le progrès
  6. peut jouer
  7. peut jouer

Prise en charge du navigateur

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

Event
progress Yes 9.0 Yes Yes Yes

Syntaxe

En HTML :

<audio|video onprogress="myScript">

En Javascript :

audio|video.onprogress=function(){myScript};

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

audio|video.addEventListener("progress", myScript);

Détails techniques

Balises HTML compatibles : <audio> et <vidéo>
Objets JavaScript pris en charge : Audio Video

Plus d'exemples

Exemple

Alerte que l'audio est en cours de téléchargement :

var aud = document.getElementById("myAudio");
aud.onprogress = function() {
    alert("Downloading audio");
};

❮ Référence DOM HTML Audio/Vidéo