web-dev-qa-db-de.com

Wie kann verhindert werden, dass das HTML5-Video vor dem Abspielen geladen wird?

Ich habe mehrere html5-Videos auf einer Seite, und ich habe gerade festgestellt, dass beim Laden der Seite alle Videos geladen werden, obwohl ich auf keine davon geklickt habe.

Gibt es eine Möglichkeit, ein Video nur zu laden, wenn Sie auf Wiedergabe klicken, um unnötiges Herunterladen zu verhindern? 

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>

Preload "none" verwenden

http://diveintohtml5.info/video.html

70

Sie sollten das preload-Attribut verwenden und seinen Wert auf none setzen.

Zitat aus der <video>-Angabe

preload = "none" oder "metadata" oder "auto" oder "" (leere Zeichenfolge) oder leer
Stellt einen Hinweis an die UA dar, ob ein optimistischer Download des Videos selbst oder seiner Metadaten als sinnvoll angesehen wird.
- "none": Weist auf die UA hin, dass der Benutzer das Video voraussichtlich nicht benötigt oder dass unnötige Zugriffe minimiert werden sollen. 

14

Verwenden Sie einfach <video preload="none">

Und wenn Sie Metadaten nur von Videos laden möchten, verwenden Sie <video preload="metadata">

0
Harikrishna