Einbettbarer Player

M3U8-Einbettung: Fügen Sie einen HLS-Player zu Ihrer Website hinzu

Das Einbetten eines M3U8-Streams bedeutet, einen kleinen HLS-Player mit einem <iframe> auf Ihrer eigenen Seite zu platzieren. Fügen Sie unten einen Stream URL ein, wählen Sie Ihre Optionen und kopieren Sie den generierten Code in eine beliebige Website oder ein beliebiges Blog. Der Player ist leichtgewichtig, reaktionsschnell und wird von einer speziellen Einbettungsseite geladen, kein Konto oder Skript-Tag erforderlich.

Code einbetten
<div style="position:relative;padding-top:56.25%;">
  <iframe src="https://www.m3u8player.tools/embed/?src=YOUR_M3U8_URL" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;" allow="autoplay; fullscreen; encrypted-media" allowfullscreen></iframe>
</div>

So betten Sie einen M3U8-Stream ein

  1. 1

    Fügen Sie Ihren M3U8 URL ein

    Geben Sie den .m3u8-Stream URL, den Sie einbetten möchten, in das Feld oben ein.

  2. 2

    Wählen Sie Ihre Optionen

    Wählen Sie Autoplay (stummgeschaltet), einen stummgeschalteten Start und ein reaktionsfähiges 16:9 oder eine feste Größe.

  3. 3

    Kopieren Sie den Einbettungscode

    Kopieren Sie das generierte <iframe>-Snippet.

  4. 4

    Fügen Sie es in Ihre Website ein

    Fügen Sie das Snippet in eine beliebige HTML-Seite, einen Blog-Beitrag oder ein CMS ein, das rohes HTML zulässt.

So funktioniert der Embed-Player

Der Einbettungscode verweist einen <iframe> auf eine dedizierte, minimale Player-Seite, die hls.js lädt und Ihren Stream abspielt. Sie ist von der Hauptseite getrennt, bleibt also kompakt und verfügt über keine Navigation oder zusätzliche Benutzeroberfläche. Da der Player auf dem Gerät des Zuschauers läuft, wird der Stream direkt von dessen Browser abgerufen, Sie führen kein Proxying durch oder hosten nichts neu.

Standardmäßig reaktionsfähig

Die Responsive-Option umschließt den Iframe in einem 16:9-Container, der auf die übergeordnete Breite skaliert wird, was Sie für die meisten Artikel und Seiten wünschen. Wählen Sie eine feste Größe nur dann, wenn Sie exakte Abmessungen benötigen, beispielsweise innerhalb einer Seitenleiste oder in einem Layout mit fester Breite.

Wenn ein Stream nicht eingebettet werden kann

Der eingebettete Player kann nur Streams anzeigen, die der Browser des Betrachters laden darf. Wenn ein Stream den Cross-Origin-Zugriff (CORS) blockiert oder einen benutzerdefinierten Referer erfordert, schlägt er möglicherweise innerhalb des Iframes fehl, obwohl er im Hauptplayer mit aktiviertem Proxy funktioniert. Testen Sie diese Streams zunächst im Vollplayer.

Häufig gestellte Fragen

Ist die M3U8-Einbettung kostenlos?

Ja. Das Generieren und Verwenden des Einbettungscodes ist völlig kostenlos, ohne dass eine Anmeldung erforderlich ist, und der Player zeigt keine Werbung an.

Muss ich meiner Website ein Skript hinzufügen?

Nein. Sie fügen nur einen <iframe> ein. Der Player und hls.js werden von der Einbettungsseite in den Iframe geladen, sodass Ihre Website nichts anderes benötigt.

Kann ich den eingebetteten Stream automatisch abspielen?

Ja, aber Browser erlauben die automatische Wiedergabe nur, wenn das Video stummgeschaltet ist. Daher startet die Autoplay-Option den Player stummgeschaltet.

Warum wird mein Stream im Hauptplayer abgespielt, aber nicht im eingebetteten Player?

Die Einbettung spielt den Stream direkt im Browser des Betrachters ab. Wenn der Stream den CORS-Proxy oder einen benutzerdefinierten Referer benötigt, kann er in einem einfachen Iframe fehlschlagen. Testen Sie es zunächst im Vollplayer.