HTMLMediaElement : proprit loading

Disponibilit limite

Cette fonctionnalit n'est pas Compatible car elle ne fonctionne pas dans certains des navigateurs les plus utiliss.

Vous voulez une meilleure prise en charge pour cette fonctionnalit ? Dites-nous pourquoi.

En savoir plus
Voir la compatibilit complte

Exprimental: Il s'agit d'une technologie exprimentale.
Vrifiez attentivement le tableau de compatibilit des navigateurs avant de l'utiliser en production.

La proprit loading de l'interface HTMLMediaElement fournit un indice au navigateur sur la manire de grer le chargement des mdias qui se trouvent actuellement en dehors de la zone d'affichage visuel de la fentre. Cela permet d'optimiser le chargement du contenu du document en reportant le chargement des mdias jusqu' ce qu'ils soient rellement ncessaires, plutt que de les charger immdiatement lors du chargement initial de la page. Elle reflte l'attribut de contenu loading de l'lment <audio> ou l'attribut de contenu loading de l'lment <video>.

function ajouterVideoDansListe(url) {
  const liste = document.querySelector("div.video-list");

  const nouvelObjet = document.createElement("div");
  nouvelObjet.className = "video-item";

  const nouvelleVideo = document.createElement("video");

  // Chargement paresseux si pris en charge
  if ("loading" in HTMLVideoElement.prototype) {
    nouvelleVideo.loading = "lazy";
  } else {
    // Si le chargement paresseux natif n'est pas pris en charge, vous
    // pouvez envisager des alternatives, bien que cela puisse convenir
    // comme amlioration progressive.
  }

  nouvelleVideo.width = 320;
  nouvelleVideo.height = 240;
  nouvelleVideo.src = url;

  nouvelObjet.appendChild(nouvelleVideo);
  liste.appendChild(nouvelObjet);
}