Twitch Einbettungscode Generator

Kostenloses Tool zum Hinzufügen eines responsiven Twitch Video-iframes auf Ihrer Webseite.

Anpassungsoptionen

  • Twitch URL

  • Funktioniert mit Video, Kanal, Chat, Clip und Sammlung

  • Ihre Webseiten-URL

  • Webseite, auf der Sie diesen Einbettungscode verwenden werden - auch "übergeordnete" Webseite genannt

  • Größeneinstellungen
  • Responsiv
  • Seitenverhältnis
  • Breite (in px)
  • Höhe (in px)
  • Video-einstellungen
  • Automatische Wiedergabe
  • Stummschalten
  • Startzeit

Twitch Einbettungscode

Wie bettet man ein Twitch Video mit diesem Tool ein?

Screenshot der URL-Eingabe

Einen Twitch Videolink einfügen

Fügen Sie einen Twitch Videolink in das URL-Feld oben in der linken Spalte ein.

Screenshot der Anpassungsoptionen

Benutzerdefinierte Twitch Player-Optionen festlegen

Der Twitch Player unterstützt viele Anpassungsoptionen wie Stream, Clips, Live-Kanal, Chat, Video, Sammlungen und vieles mehr!

Screenshot der Kopierschaltfläche

Generierten HTML-Code kopieren

Kopieren Sie den generierten HTML-Einbettungscode mit dem Twitch Video! Verwenden Sie ihn auf Ihrer WordPress-Webseite, in einer PowerPoint-Präsentation oder in einer E-Mail.

Unterstützte Twitch Einbettungscode Generator-Optionen

Erklärung aller unterstützten Twitch Einbettungsoptionen. Verwenden Sie die folgenden Optionen, um den eingebetteten Twitch HTML-iframe-Code auf Ihrer Webseite zu verbessern.

Responsiv

Die Option "Responsiv" streckt das eingebettete Twitch Video auf die volle Breite der Webseite oder des HTML-Containers.

Seitenverhältnis

Die Option "Seitenverhältnis" behält stets die Form des eingebetteten Twitch Players bei.

Breite und Höhe

Erscheint nur, wenn die Option "Responsiv" deaktiviert ist. Manuelle Anpassung von Breite und Höhe des eingebetteten Twitch Players. Wenn die Option "Seitenverhältnis" gesetzt ist, wird die Höhe automatisch basierend auf der Breite berechnet.

Ihre Webseiten-URL (übergeordnete Webseite)

Jeder eingebettete Twitch Stream oder jedes Video benötigt die Option "übergeordnete" Webseite. Wenn Sie beispielsweise einen Twitch Einbettungscode auf der Webseite "example.com" verwenden möchten, setzen Sie die Option "parent" auf "https://example.com".

Automatische Wiedergabe

Die Option "Automatische Wiedergabe" legt fest, ob das eingebettete Twitch Video automatisch abgespielt wird, wenn der Twitch Player geladen wird.

Stummschalten

Schaltet den Ton im eingebetteten Twitch Stream oder Video stumm.

Startzeit

Die Option "Startzeit" startet das eingebettete Twitch Video ab einem bestimmten Zeitpunkt

Chat anzeigen

Zeigt einen eingebetteten Twitch Chat für den Livestream des aktuellen Twitch Benutzers an. Diese Option erscheint nur, wenn Sie ein Twitch Konto in der Option "Twitch URL" eingeben.

Die Twitch iframe-Einbettungsoptionen basieren auf https://dev.twitch.tv/docs/embed

Unterstützte Twitch URLs

Video-URLs

  • https://twitch.tv/videos/<video-id>

  • https://twitch.tv/<channel-name>/video/<video-id>

  • https://www.twitch.tv/videos/<video-id>

  • https://www.twitch.tv/<channel-name>/video/<video-id>

Sammlungs-URLs

  • https://twitch.tv/collections/<collection-id>

  • https://twitch.tv/<channel-name>/collection/<collection-id>

  • https://www.twitch.tv/collections/<collection-id>

  • https://www.twitch.tv/<channel-name>/collection/<collection-id>

Clip-URLs

  • https://twitch.tv/<channel-name>/clip/<clip-id>

  • https://www.twitch.tv/<channel-name>/clip/<clip-id>

Kanal-URLs

  • https://twitch.tv/<channel-name>

  • https://www.twitch.tv/<channel-name>