Qu’est-ce que le préchargement vidéo ?

Le préchargement vidéo est une indication donnée à un navigateur ou à un lecteur sur la quantité d’une ressource média à récupérer avant que le spectateur ne lance la lecture. Sur l’élément HTML video, l’attribut preload accepte none, metadata ou auto, et le navigateur peut l’ignorer.

Le standard HTML définit l’attribut preload des éléments audio et video comme une indication comportant trois mots-clés. none indique que l’auteur ne s’attend pas à ce que le spectateur ait besoin du média, ou que le serveur souhaite limiter le trafic inutile. metadata indique qu’il est raisonnable de récupérer les dimensions, la liste des pistes et la durée, et éventuellement les premières images. auto, ou l’attribut avec une valeur vide, permet au navigateur de privilégier le spectateur, jusqu’à télécharger par anticipation la ressource entière. Lorsque l’attribut est absent ou invalide, la valeur par défaut dépend de l’implémentation, et le standard suggère le comportement de récupération des métadonnées. Un navigateur peut ignorer entièrement l’indication, par exemple en raison des préférences explicites de l’utilisateur ou de la connectivité disponible. La valeur peut être modifiée après le début du chargement ; une page contenant de nombreuses vidéos peut donc utiliser none et faire passer un lecteur à auto lorsque le spectateur lance la lecture.

Les valeurs sont des indications, pas des budgets en octets. Avec metadata, le standard HTML indique qu’un navigateur récupère généralement quelques images en plus des dimensions, de la liste des pistes et de la durée ; avec auto, il peut télécharger le fichier entier. Aucune valeur ne plafonne le transfert ; mesurez donc les requêtes effectuées par chaque navigateur cible avant la lecture.
Le comportement effectif peut différer du balisage. autoplay peut prendre le pas sur preload lorsque le navigateur autorise la lecture automatique, car une vidéo en cours de lecture doit être mise en mémoire tampon quelle que soit l’indication, et les navigateurs appliquent leur propre politique. Le code source des éléments média de Chromium, tel que consulté en octobre 2026, ramène auto à metadata sur les connexions mobiles et traite none comme metadata dès qu’un script appelle la méthode load() de l’élément. Les listes de règles publiées deviennent obsolètes : la règle Data Saver de l’article de web.dev sur le préchargement ne figure pas dans ce code source.
L’attribut ne contrôle pas les lecteurs fondés sur Media Source Extensions, comme hls.js, car c’est l’application qui récupère le média et l’ajoute elle-même à l’élément. Utilisez le réglage propre au lecteur. Par défaut, hls.js charge automatiquement la liste de lecture du niveau de qualité et les premiers fragments une fois le manifeste analysé ; lorsque autoStartLoad est défini sur false, ce chargement attend un appel à startLoad(). Dans les deux cas, loadSource() demande le manifeste, que hls.js analyse pour en extraire les niveaux de qualité et les pistes disponibles. Pour ne rien demander au flux avant la lecture, retardez également loadSource().
Les navigateurs peuvent demander un fichier média par plages d’octets ; le standard HTML laisse le choix de la plage à l’implémentation. Dans un MP4 non fragmenté, l’index est généralement écrit à la fin du fichier, sauf si l’encodeur l’a déplacé au début, comme le fait l’option faststart de FFmpeg. Pour le lire sans transférer tout ce qui le précède, le serveur doit donc répondre aux requêtes Range avec 206 Partial Content. HTTP autorise un serveur à ignorer Range et à envoyer le fichier entier.
preload="none" n’empêche pas le chargement de l’image d’affiche. Le standard HTML prévoit la récupération de cette image à la création de l’élément ou à la modification de son attribut poster, indépendamment de preload. C’est l’attribut loading="lazy" du standard qui diffère à la fois l’image d’affiche et le préchargement jusqu’à ce que l’élément approche de la zone d’affichage, et uniquement lorsque les scripts sont activés ; vérifiez que vos navigateurs cibles l’implémentent pour la vidéo.

Définissez explicitement preload, car la valeur par défaut diffère selon les navigateurs. none convient aux pages où la lecture est peu probable ou qui répertorient de nombreuses vidéos, metadata convient aux lecteurs qui ont besoin de la durée et des dimensions avant la lecture, et auto convient à une vidéo que le spectateur est censé regarder, au prix du transfert d’un média qui ne sera peut-être jamais lu.

Le préchargement est décidé par le navigateur ou le lecteur au moment de la lecture ; ce n’est donc pas un réglage de Transloadit. Transloadit prépare les fichiers chargés par le lecteur : le Robot /video/thumbs extrait des images d’une vidéo pour servir d’aperçus, qui peuvent fournir l’image d’affiche présentée par un lecteur avant la récupération du moindre média.

Définissez la valeur de preload dans votre propre balisage ou dans la configuration du lecteur, et choisissez l’image extraite à publier comme image d’affiche.

Explorer les capacités de diffusion de Transloadit

Qu’est-ce que le préchargement vidéo ?

Comment fonctionne le préchargement vidéo

Points clés

Quand le préchargement vidéo est utile

Comment Transloadit aide à préparer le préchargement vidéo

Références

Transformer vos connaissances sur les médias en une chaîne de traitement opérationnelle