HTML Audio/Video DOM progression Événement

❮ Référence HTML Audio/Video DOM

Exemple

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

let vid = document.getElementById("myVideo");
vid.onprogress = function() {
alert("Téléchargement de 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 de progression se produit lorsque le navigateur télécharge l'audio ou la vidéo spécifiés.

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. progression
  6. canplay
  7. canplaythrough

Support des Navigateurs

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

Événement
progression Oui 9.0 Oui Oui Oui

Syntaxe

En HTML :

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

En JavaScript :

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

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

audio|video .addEventListener("progress", 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 en cours de téléchargement :

let aud = document.getElementById("myAudio");
aud.onprogress = function() {
alert("Téléchargement de l'audio");
};
Essayez-le vous-même »

❮ Référence HTML Audio/Video DOM