M3U8-Einbettungsanleitung: iframe und Einbettungslinks Schritt für Schritt erzeugen

Like M3u8Player.app? Please share!

Einen M3U8-(HLS-)Stream auf Website, Blog oder in Docs einbinden, ohne eigenes Backend oder Player: Dafür reicht der M3U8-Einbettungsgenerator. Stream-URL einfügen, Autoplay optional aktivieren, dann URL der Einbettungsseite oder iframe-HTML kopieren. Unterstützt wird nur M3U8 (HLS); beides zeigt dieselbe Player-Seite.

Neu bei .m3u8? Zuerst: Was ist eine M3U8-Datei.

Noch keine URL: erreichbare M3U8 beschaffen

Das Tool braucht eine direkt abrufbare M3U8-Playlist-URL. Dass das Video auf einer Seite läuft, heißt nicht, dass Sie die Playlist-URL schon haben—Sie holen sie aus Seite oder Netzwerk.

Praktisch: Chrome-Erweiterung The Stream Detector auf einer Seite mit laufendem Video öffnen, HLS-URL aus der Liste wählen und kopieren. Aus dem Chrome Web Store installieren → anheften → zum Video-Tab zurück (ggf. neu laden) → URL kopieren.

Installationslinks, Screenshots und Doppelklick-Kopie: Bester Weg, eine M3U8-Adresse zu finden.

Mit DevTools: Unter Network nach m3u8 oder manifest filtern, Master-Playlist finden, https-URL kopieren.

Danach im M3U8 Online-Player testen und Einbindungsrechte klären, erst dann den Einbettungscode erzeugen.

Voraussetzungen

  1. Funktionierende M3U8-URL (möglichst https://, mit Recht zur Wiedergabe auf Ihrer Site). Hilfe beim Finden: oben und Bester Weg, eine M3U8-Adresse zu finden.
  2. Ob die Einbettungsseite Autoplay versuchen soll: Wenn der Schalter an ist, enthält der Link autoplay; ob es klappt, entscheidet der Browser (siehe unten).

Ohne eigenen Stream zum Ausprobieren:

https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8

Schritte

1. Generator öffnen und URL einfügen

M3U8-URL im Generator einfügen

  1. M3U8-Einbettungsgenerator öffnen
  2. Playlist in M3U8-(HLS-)URL einfügen
  3. Einbettungsformat derzeit M3U8 (HLS); weitere Formate später hier wählen

2. Autoplay

Autoplay auf der Einbettungsseite versuchen (Browser-Richtlinien können weiterhin Nutzerinteraktion verlangen) aktivieren → Link enthält autoplay=true. Autoplay mit Ton blockieren Browser oft; stumm oder Klick zum Start ist meist zuverlässiger.

3. Gewünschtes kopieren

Einbettungslink und iframe-Code kopieren

  • URL der Einbettungsseite: Chat, E-Mail, Docs, CMS-Link
  • iframe-HTML: wenn Sie das Template steuern und den Player inline wollen

Unsicher? Zuerst Vorschau in neuem Tab öffnen, dann live schalten.

Abfrageparameter

Ihre Auswahl landet in der Query-String. Für die Wiedergabe vor allem:

ParameterBedeutungHinweis
video_urlStream-URLURL-kodiert, damit & und ? im Stream den Link nicht zerlegen
autoplayAutoplay testentrue = Versuch; der Browser hat das letzte Wort

Beispielform (tatsächliche Ausgabe vom Generator nutzen):

https://m3u8player.app/de/embed/player/?video_url=…&autoplay=true&type=m3u8

Ohne Autoplay fehlt autoplay=true meist.

Hinweise

  • Rechte: Abspielen heißt nicht automatisch öffentlich einbetten—Lizenzen prüfen.
  • Erreichbarkeit: CORS oder nur interne Streams schlagen bei Besuchern fehl; bei HTTPS-Sites HTTPS-Streams bevorzugen.
  • Autoplay: Parameter garantiert nicht jedes Mal Erfolg—Vorschau und echte Geräte testen.
  • Format: nur M3U8 (HLS); reine MP4-Direktlinks hier nicht.

Auf der Site: Wiedergabe und Qualität im M3U8 Online-Player; Segmente im M3U8 Online-Downloader (Nutzung und Rechtemäßigkeit selbst verantworten). Fehlt die M3U8-URL, zuerst Bester Weg, eine M3U8-Adresse zu finden, dann hierher zurück.

Kurz

Mit The Stream Detector oder Network die https-Playlist-URL holen, ggf. Bester Weg, eine M3U8-Adresse zu finden lesen, Generator öffnen, einfügen, Autoplay wählen, URL oder iframe kopieren. video_url und optionales autoplay=true baut der Generator. Erst Teststream, dann eigene URL.