Was ist das Vorladen von Videos?

Die Vorladeangabe für Videos ist ein Hinweis, der einem Browser oder Player mitteilt, wie viel einer Medienressource er abrufen soll, bevor der Zuschauer die Wiedergabe startet. Beim HTML-Element video akzeptiert das Attribut preload die Werte none, metadata oder auto. Der Browser kann den Hinweis ignorieren.

Der HTML-Standard definiert preload für die Elemente audio und video als Hinweis mit drei Schlüsselwörtern. none signalisiert, dass der Autor nicht erwartet, dass der Betrachter die Medien benötigt, oder dass der Server unnötigen Datenverkehr minimieren möchte. metadata signalisiert, dass es sinnvoll ist, Abmessungen, Spurliste und Dauer sowie möglicherweise die ersten Frames abzurufen. auto oder das Attribut mit einem leeren Wert lässt den Browser den Betrachter in den Mittelpunkt stellen, bis hin zum Herunterladen der gesamten Ressource auf Verdacht. Fehlt das Attribut oder ist es ungültig, hängt der Standardwert von der Implementierung ab; der Standard empfiehlt das für Metadaten beschriebene Verhalten. Ein Browser kann den Hinweis vollständig ignorieren, etwa aufgrund expliziter Nutzereinstellungen oder der verfügbaren Netzverbindung. Der Wert lässt sich nach Beginn des Ladens ändern. Eine Seite mit vielen Videos kann daher zunächst none verwenden und einen Player auf auto umstellen, sobald der Betrachter auf Wiedergabe drückt.

Die Werte sind Hinweise, keine Bytebudgets. Bei metadata ruft ein Browser laut HTML-Standard üblicherweise neben Abmessungen, Spurliste und Dauer auch einige Frames ab; bei auto kann er die gesamte Datei herunterladen. Kein Wert begrenzt die Übertragung. Messen Sie daher, welche Anfragen jeder Zielbrowser vor der Wiedergabe stellt.
Das tatsächliche Verhalten kann vom Markup abweichen. autoplay kann preload außer Kraft setzen, wenn der Browser die automatische Wiedergabe erlaubt, denn ein abgespieltes Video muss unabhängig vom Hinweis Daten puffern, und Browser wenden ihre eigenen Richtlinien an. Der Quellcode für Medienelemente von Chromium zeigt bei der Einsichtnahme im Oktober 2026, dass Chromium bei Mobilfunkverbindungen auto auf metadata herabstuft und none wie metadata behandelt, sobald ein Skript die Methode load() des Elements aufruft. Veröffentlichte Regellisten veralten: Die Data-Saver-Regel im Artikel zum Vorladen von web.dev steht nicht in diesem Quellcode.
Das Attribut steuert keine Player, die auf Media Source Extensions basieren, etwa hls.js, denn die Anwendung ruft die Medien selbst ab und fügt sie dem Element hinzu. Verwenden Sie die eigene Einstellung des Players. Standardmäßig lädt hls.js die Playlist der Qualitätsstufe und die ersten Fragmente automatisch, sobald das Manifest ausgewertet ist. Ist autoStartLoad auf false gesetzt, wartet dieses Laden auf einen Aufruf von startLoad(). In beiden Fällen fordert loadSource() das Manifest an, das hls.js auswertet, um die verfügbaren Qualitätsstufen und Spuren zu ermitteln. Um vor der Wiedergabe nichts aus dem Stream anzufordern, verzögern Sie auch loadSource().
Browser können eine Mediendatei in Bytebereichen anfordern; der HTML-Standard überlässt die Wahl des Bereichs der Implementierung. In einer nicht fragmentierten MP4-Datei wird der Index üblicherweise am Dateiende geschrieben, sofern der Encoder ihn nicht an den Anfang verschoben hat, wie es die Option faststart von FFmpeg tut. Ob er sich lesen lässt, ohne alle davorliegenden Daten zu übertragen, hängt daher davon ab, ob der Server auf Anfragen mit Range mit 206 Partial Content antwortet. HTTP erlaubt es einem Server, Range zu ignorieren und die gesamte Datei zu senden.
preload="none" verhindert nicht das Laden des Posterbilds. Laut HTML-Standard wird das Posterbild abgerufen, wenn das Element erstellt wird oder sich sein Attribut poster ändert, unabhängig von preload. Das Attribut loading="lazy" des Standards verschiebt sowohl das Laden des Posterbilds als auch das Vorladeverhalten, bis sich das Element dem Viewport nähert, und das nur bei aktiviertem Scripting. Prüfen Sie, ob Ihre Zielbrowser dies für Videos implementieren.

Legen Sie preload explizit fest, da sich der Standardwert je nach Browser unterscheidet. none eignet sich für Seiten, auf denen eine Wiedergabe unwahrscheinlich ist oder viele Videos aufgelistet sind. metadata eignet sich für Player, die Dauer und Abmessungen vor der Wiedergabe benötigen. auto eignet sich für ein Video, das der Betrachter voraussichtlich ansehen wird. Dabei werden jedoch Medien übertragen, die möglicherweise nie abgespielt werden.

Über das Vorladen entscheidet der Browser oder Player zum Zeitpunkt der Wiedergabe. Es ist daher keine Transloadit-Einstellung. Transloadit bereitet die Dateien vor, die ein Player lädt: Der Robot /video/thumbs extrahiert Bilder aus einem Video zur Verwendung als Vorschau. Diese können als Posterbild dienen, das ein Player anzeigt, bevor Medien abgerufen wurden.

Legen Sie den Wert für preload in Ihrem eigenen Markup oder Ihrer Player-Konfiguration fest und wählen Sie aus, welchen extrahierten Frame Sie als Posterbild veröffentlichen.

Entdecken Sie Transloadits Möglichkeiten zur Auslieferung

Was ist das Vorladen von Videos?

So funktioniert das Vorladen von Videos

Wichtige Fakten

Wann das Vorladen von Videos wichtig ist

So hilft Transloadit beim Vorladen von Videos

Quellen

Machen Sie aus Medienwissen eine funktionierende Pipeline