web-dev-qa-db-fra.com

Comment empêcher le chargement de la vidéo html5 avant de jouer?

J'ai plusieurs vidéos html5 sur une page et je viens de me rendre compte que lorsque vous visitez la page, toutes les vidéos commencent à se charger même si je n'ai pas cliqué sur le bouton Lire sur aucune d'elles.

Existe-t-il un moyen de ne charger une vidéo que lorsque vous cliquez sur Lecture pour éviter les téléchargements inutiles? 

htmlhtml5videohtml5-video
40
Will Ryan
<!DOCTYPE html>
<html>
<body>

<video width="320" height="240" controls="controls" preload="none">
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  Your browser does not support the video tag.
</video>

</body>
</html>

Utiliser le préchargement "aucun"

http://diveintohtml5.info/video.html

70
Timothy Radzikowski

Vous devez utiliser l'attribut preload et définir sa valeur sur none.

Citation de la spécification <video>

preload = "none" ou "metadata" ou "auto" ou "" (chaîne vide _) ou vide
Indique à l'agent utilisateur si le téléchargement optimiste de la vidéo elle-même ou de ses métadonnées est considéré comme rentable.
- "none": Indique à l'agent utilisateur que l'utilisateur n'est pas censé avoir besoin de la vidéo ou qu'une réduction du trafic inutile est souhaitable. 

14
Gabriele Petrioli

Il suffit d'utiliser <video preload="none">

Et si vous voulez charger les métadonnées de la vidéo uniquement, utilisez <video preload="metadata">

0
Harikrishna