tigtools

YouTube-Embed-Code-Generator

Fügen Sie einen YouTube-Link ein, wählen Sie die Player-Optionen und kopieren Sie den iframe-Code in Ihre Website. Der responsive Modus füllt die Breite seines Containers im Format 16:9.

Läuft in Ihrem Browser Keine Anmeldung erforderlich

Video

Wiedergabe

Ein Sprachcode wie en, de oder pt-BR. Legt die Sprache der Player-Oberfläche und, wenn Untertitel aktiviert sind, die bevorzugte Untertitelsprache fest.

Größe und Seite

Größe

Der Player nimmt die volle Breite seines Containers ein und behält das 16:9-Format bei. Dafür wird die CSS-Eigenschaft aspect-ratio genutzt, die von aktuellen Browsern unterstützt wird.

Beschreibt den Player für Screenreader. Verwenden Sie wenn möglich den Videotitel.

Embed-Code

Video-Link einfügen, um den Embed-Code zu erhalten.

Anleitung

  1. Fügen Sie den YouTube-Videolink oder die 11 Zeichen lange Video-ID ein.
  2. Legen Sie Start- und Stoppzeit sowie die gewünschten Wiedergabeoptionen fest.
  3. Wählen Sie responsiv oder eine feste Größe und vergeben Sie einen aussagekräftigen Titel.
  4. Kopieren Sie den HTML-Code und fügen Sie ihn in Ihre Seite oder den HTML-Block Ihres Website-Baukastens ein. Nutzen Sie „Vorschau anzeigen“, um ihn zu testen.

So funktioniert es

Der Code verwendet den standardmäßigen iframe-Player von YouTube. Die Optionen werden zu URL-Parametern der Player-Adresse: start und end (Sekunden), autoplay, mute, loop mit playlist, controls=0, cc_load_policy=1 für Untertitel, cc_lang_pref für die Untertitelsprache und hl für die Player-Sprache. Im Modus „Erweiterter Datenschutz“ wird die Adresse auf youtube-nocookie.com umgestellt.

Einige Optionen unterliegen Einschränkungen durch YouTube oder Browser. Autoplay funktioniert nur, wenn das Video stummgeschaltet ist, daher fügt das Tool bei Autoplay mute=1 hinzu. Für die Endlosschleife eines einzelnen Videos muss der Parameter playlist auf dieselbe Video-ID gesetzt werden; das Tool übernimmt das. Untertitel erscheinen nur, wenn das Video Untertitel hat. Bei Videos, deren Besitzer das Einbetten deaktiviert haben, zeigt der Player einen Fehler.

Der responsive Modus setzt das iframe in einen Container mit aspect-ratio: 16 / 9 und width: 100 %, sodass es mit der Seite skaliert, ohne den älteren padding-bottom-Trick. Der Modus „Feste Größe“ schreibt width- und height-Attribute. Lazy Loading lädt den Player erst, wenn er sich dem sichtbaren Bereich der Seite nähert.

Beispiele

Datenschutzfreundliches responsives Embed

Standardeinstellungen: youtube-nocookie.com, responsives 16:9-Format und Lazy Loading. Fügen Sie den Codeausschnitt in eine beliebige HTML-Seite ein.

Hintergrund-Schleife

Autoplay, Endlosschleife und keine Steuerelemente ergeben …/embed/ID?autoplay=1&mute=1&loop=1&playlist=ID&controls=0.

Nur einen Abschnitt abspielen

Start bei 1:00 und Stopp bei 2:30 ergeben start=60&end=150, sodass der Player nur diesen Abschnitt abspielt.

Häufig gestellte Fragen

Warum startet mein eingebettetes Video nicht automatisch mit Ton?

Browser blockieren Autoplay mit Ton. Autoplay benötigt mute=1; das Tool ergänzt dies automatisch. Manche Browser oder Einstellungen blockieren es dennoch.

Was bewirkt der erweiterte Datenschutzmodus?

Der Player wird von youtube-nocookie.com geladen. Laut YouTube werden Informationen über Besucher dann nicht zur Personalisierung gespeichert, es sei denn, sie starten das Video.

Warum benötige ich playlist= für eine Endlosschleife?

Der Loop-Parameter von YouTube funktioniert nur mit einer Playlist. Wenn playlist auf dieselbe Video-ID gesetzt wird, wiederholt sich ein einzelnes Video.

Funktioniert der generierte Code in WordPress?

Ja. Fügen Sie ihn in einen Custom-HTML-Block ein. Manche Website-Baukästen entfernen iframes aus Sicherheitsgründen; verwenden Sie dann deren eigenen Video-Block.

Datenschutz

Der Embed-Code wird lokal in Ihrem Browser erzeugt; es werden keine Daten gesendet. Erst wenn Sie die Vorschau anzeigen, lädt Ihr Browser den Player von YouTube (oder youtube-nocookie.com).