MP4 oder HLS? Was besser ist für deine Video-Einbindung auf Webseiten

In diesem Artikel erfährst du:

• Was MP4 eigentlich ist – und was es kann (und nicht kann)
• Wie HLS funktioniert – und warum es in den meisten Fällen die bessere Wahl ist
• Wie du HLS-Dateien selbst erzeugst – mit allen nötigen Tools und Arbeitsschritten
• Und: wie wir dir bei Ignite den ganzen Aufwand abnehmen

Also let´s go!

Warum stellt sich überhaupt die Frage:
HLS oder MP4?

Wenn du ein Video auf deiner Website anzeigen willst, hast du erstmal viele Möglichkeiten:

• Du lädst eine MP4-Datei hoch
• Ganz ganz ganz viele nehmen dann einfach YouTube
• Oder du setzt auf ein professionelles Setup mit HLS (HTTP Live Streaming)

Die Technik dahinter ist entscheidend. Denn:

• MP4 wirkt erstmal unkompliziert – aber ist für viele moderne Anforderungen nicht optimal.

• Soviel schon vorweg: HLS ist performanter, robuster und besser skalierbar – aber technisch komplexer.

Die Wahl ist keine kleine und hat große Auswirkungen auf ...

• Ladezeiten
• Videoqualität bei schlechter Verbindung
• Nutzererlebnis auf verschiedenen Geräten
• Skalierung bei vielen gleichzeitigen Views
• Damit auch Ranking bei Google und anderen

Grundlagen: Was ist eine MP4 Video?

MP4 ist ein sogenanntes Containerformat. Es kann Video, Audio, Untertitel und Metadaten zusammenfassen – und ist auf nahezu allen Geräten abspielbar. Beim Einbinden auf der Website kommt es meist in Kombination mit dem HTML5-<video>-Tag zum Einsatz.

Ergo ... es ist halt ein Video.

Vorteile:

• Einfache Integration
• Breite Unterstützung durch Browser und Geräte
• Keine zusätzliche Infrastruktur nötig

Nachteile:

• Die gesamte Datei wird heruntergeladen und wir nur in einer Qualität bereitgestellt
• Keine automatische Anpassung an die Verbindungsqualität
• Performanceprobleme bei hoher Auslastung oder mehreren gleichzeitigen Zugriffen

Probleme macht hier oft der Webserver auf dem ihr die Video-Dateien ablegt:

"Ein einzelner HD- oder 4K-Stream kann schnell mehrere Megabits pro Sekunde benötigen. Greifen viele Nutzer gleichzeitig auf die Videos zu, vervielfacht sich dieser Bedarf. Herkömmliche Webhosting-Tarife sind dafür in der Regel nicht ausgelegt - sie bieten zwar oft „unlimitierten Traffic“, in der Praxis gibt es aber technische oder vertragliche Grenzen, primär bei der konstanten Datenübertragung." - Marco Keul, Hosttest.de

Grundlage: Was ist HLS Stream?

„HTTP Live Streaming (HLS) is an HTTP-based adaptive bitrate streaming communications protocol implemented by Apple Inc. It allows streaming of audio and video content over the internet.“ – Wikipedia: HTTP Live Streaming

HLS steht für HTTP Live Streaming – ein Streaming-Standard, der ursprünglich von Apple entwickelt wurde. Anders als bei MP4 wird das Video in viele kleine Segmente unterteilt und in verschiedenen Qualitätsstufen gespeichert. Der Videoplayer entscheidet beim Abspielen dynamisch, welche Qualität ideal zur aktuellen Verbindung passt.

„Support for the protocol is widespread in media players, web browsers, mobile devices … it is the most popular streaming format.“ – Wikipedia

Vorteile von HLS-Streaming für Websites

Besseres Nutzererlebnis

Dank Segmentierung und adaptiver Bitrate startet das Video schneller und läuft flüssiger – auch bei schwankender Verbindung.

„HLS: Segmented video is played in sections. Therefore, the launch occurs almost without freezes.“ – https://callaba.io/why-is-hls-better-than-mp4Movavi

Optimierte Qualität auf jedem Gerät

HLS bzw. die Streaming Server erkennen automatisch, ob jemand mit einem alten Smartphone oder einem Highend-Rechner schaut – und liefert die passende Version aus.

Skalierbarkeit ohne Kompromisse

Auch bei vielen gleichzeitigen Aufrufen bleibt HLS stabil, weil nur kleine Segmente übertragen werden – nicht das ganze File auf einmal.

Kompatibilität im Web

HLS funktioniert über HTTP/HTTPS, läuft durch Firewalls und ist Standard bei Apple-Geräten – das ist bei MPEG-DASH nicht der Fall.

Nachteile von HLS

Ja ... es ist einfach deutlich mehr Aufwand. Ihr erstellt nicht nur eine Datei sondern.

Technischer Aufwand

Man braucht Tools zum Transcodieren, Segmentieren, Manifest-Erstellen – und passende Player zur Wiedergabe.

Infrastruktur

Es reicht nicht, einfach eine Datei hochzuladen. Du brauchst ein Hosting-Setup, das Segmentierung und Streaming unterstützt.

Warum HLS in den meisten Fällen die bessere Wahl ist

Auch wenn MP4 einfacher aussieht: Für moderne Websites ist HLS fast immer die klügere Lösung – und zwar aus gutem Grund. Das wiederholt sich jetzt etwas von oben ...

1. Besseres Streaming-Erlebnis

Anders als bei MP4 wird das Video stückweise gestreamt – das reduziert Ladezeiten, vermeidet Buffering und ermöglicht es dem Player, flexibel zu reagieren. Besonders auf mobilen Geräten oder bei schlechter Verbindung ist das ein Gamechanger. (Siehe Grafik oben)

2. Weniger Bandbreite, weniger Kosten

HLS überträgt nur das, was wirklich gesehen wird – statt das ganze Video runterzuladen. Das schont Bandbreite beim Server, beim Nutzer und spart auf Dauer bares Geld.

3. Skalierbarkeit

Wenn plötzlich viele Nutzer gleichzeitig auf dein Video klicken (z. B. nach einem Newsletter oder Launch), bricht bei MP4-Downloads schnell der Server ein. HLS kann durch Caching und CDNs deutlich besser skaliert werden.

"Klassische Webhosting-Angebote sind in erster Linie für Webseiten mit Text und Bildern ausgelegt - also für vergleichsweise kleine Dateien und weniger datenintensive Zugriffe. Sollen größere Videodateien auf den Webspace hochgeladen werden, kommt es schnell zu Problemen: entweder bei der Performance, den Ladezeiten oder durch technische Einschränkungen wie Traffic-Drosselung oder fehlende Unterstützung für adaptive Streaming-Formate wie HLS." - Marco Keul - Hosttest.de

4. Technisch zukunftssicher

Immer mehr Browser und Plattformen erwarten ein adaptives Streaming-Format. MP4 allein wirkt da oft wie ein Rückschritt. HLS ist inzwischen Marktstandard – und wird auch langfristig unterstützt.

Wenn du also mehr als ein einzelnes Video einbindest oder professionelle Ansprüche an die Darstellung hast, kommst du an HLS kaum vorbei.

Anleitung: So erstellst du HLS-Dateien

Der Prozess wirkt auf den ersten Blick technisch – und das ist er auch. Aber keine Sorge, wir gehen hier pragmatisch Schritt für Schritt durch, was du brauchst, um ein funktionierendes HLS-Setup aufzubauen:

1. Videoquelle vorbereiten

Du brauchst dein Video im möglichst hochwertigen Ausgangsformat – z. B. als MP4, ProRes, MOV etc.

2. Transcoding-Tool finden

Das bekannteste Open-Source-Tool ist ffmpeg. Es kann Videos in mehrere Bitraten-Varianten konvertieren und auch gleich segmentieren.

3. Bitraten-Varianten erzeugen

Du legst z. B. fest: 360p, 720p und 1080p. Je nach Zielgruppe können es auch mehr sein.

4. Segmentierung & Manifest erstellen

Das Tool erzeugt viele kleine .ts-Dateien (oder fMP4) und eine .m3u8-Datei – das ist deine „Playlist“, die der Player zum Streamen braucht.

5. Hosting einrichten

Du brauchst ein Setup (z. B. Webserver oder CDN), das diese Dateien zuverlässig ausliefert – inklusive CORS-Header, korrektem MIME-Type und ggf. HTTPS.

Fazit: uff.

Kein Wunder, gibt es professionelle Anbieter für Video-Hosting die so etwas machen.

Aber: Der Aufwand lohnt sich. HLS bringt dir deutlich bessere Videoqualität, Skalierbarkeit und Performance – vor allem, wenn du mehr als ein Video auf deiner Seite haben willst.

Okay, dann einfach YouTube auf die Seite packen. Die machen das. Die sind Profis. Stimmt. Hier gibt es aber viele DSGVO Fallstricke die wir in diesem Beitrag aufgreifen.

Wie Ignite dir die Arbeit mit HLS abnimmt

Bei Ignite brauchst du dich nicht mit Transcoding, Segmentierung oder Manifest-Dateien herumschlagen. Du lädst dein Video hoch – wir übernehmen den Rest:

• Wir erzeugen automatisch mehrere Bitraten-Varianten (optimiert für Apple & Chrome)
• Wir segmentieren dein Video und erstellen die passende .m3u8-Struktur
• Wir hosten alles DSGVO-konform, performant & ausfallsicher
• Du bekommst einen Embed-Code oder steuerst alles flexibel per API
• Egal ob ein Video oder 400 auf einmal – unser Setup skaliert mit

Und wir machen das mit Liebe zum Detail. Unsere Transcoding-Pipeline ist optimiert auf Performance und Kompatibilität. Kein Overhead, keine versteckten Einschränkungen – nur modernes Video-Hosting mit Fokus auf Qualität und Einfachheit.

Fazit - MP4 ist Easy. HLS ist besser.

MP4 wirkt einfach – ist aber technisch limitiert. HLS ist moderner, skalierbarer und besser für die Anforderungen heutiger Webseiten geeignet. Es erfordert allerdings einiges an Know-how und Infrastruktur.

Mit Ignite bekommst du all das – aber ohne den technischen Overhead. Du konzentrierst dich aufs Video. Wir kümmern uns um den Rest.