YouTube-Einbettungscode-Generator
Responsiven iframe-Einbettungscode mit Startzeit, Autoplay und Datenschutzmodus erzeugen
Eingabe und Optionen
Läuft in Ihrem Browser. Ihre Eingaben bleiben auf diesem Gerät.
Ergebnisse
Geben Sie Ihre Werte ein, um das Ergebnis zu sehen.
Über den kostenlosen YouTube-Einbettungscode-Generator
Unser kostenloser YouTube-Einbettungscode-Generator macht aus jedem YouTube-Link in Sekunden sauberen, kopierfertigen HTML-Code. Fügen Sie eine Watch-URL, einen youtu.be-Kurzlink, einen Shorts-Link oder eine einfache 11-stellige Video-ID ein, und das Tool baut sofort ein gültiges iframe mit genau den Player-Optionen, die Sie wählen: Startzeit, Autoplay, Stummschaltung, Schleife, ausgeblendete Steuerelemente, erweiterter Datenschutzmodus und mehr.
Das herausragende Merkmal ist der standardmäßig aktivierte Modus für responsive YouTube-Einbettung. Statt eines iframe mit fester Breite, das auf Smartphones überläuft, verpackt der Generator den Player in einen Container mit padding-bottom, der bei jeder Bildschirmbreite ein exaktes 16:9-Seitenverhältnis hält. Das ist dieselbe Technik, die professionelle Publisher einsetzen, und sie funktioniert in jedem modernen Browser ganz ohne JavaScript.
Auch Datenschutz ist wichtig. Ein Kontrollkästchen stellt den Einbettungscode auf die datenschutzfreundliche Domain youtube-nocookie.com von YouTube um, die Tracking-Cookies erst setzt, wenn der Besucher das Video tatsächlich abspielt, eine häufige Anforderung für DSGVO-bewusste Websites. Optionales Lazy Loading fügt das Attribut loading="lazy" hinzu, sodass das iframe erst beim Hineinscrollen geladen wird, was Ladezeit und Core Web Vitals verbessert.
Hauptfunktionen
- Akzeptiert alle gängigen YouTube-URL-Formate: Watch, youtu.be, Shorts, Embed, Live oder eine reine Video-ID
- Responsiver 16:9-Wrapper standardmäßig aktiviert, damit Videos auf Smartphone, Tablet und Desktop skalieren
- Voreinstellungen mit fester Größe (560x315, 640x360, 853x480, 1280x720), wenn Sie exakte Abmessungen brauchen
- Eingabe der Startzeit als h:mm:ss, mm:ss oder reine Sekunden, umgerechnet in den passenden Start-Parameter
- Schalter für Autoplay, Stummschaltung, Schleife und ausgeblendete Steuerelemente mit sofortiger Neuerzeugung des Codes
- Erweiterter Datenschutzmodus mit youtube-nocookie.com für weniger Cookie-Tracking
- Lazy-Loading-Option für schnellere Seiten und bessere Core-Web-Vitals-Werte
- Live-Playervorschau, die sich bei jeder Änderung der Optionen aktualisiert (Autoplay bleibt in der Vorschau aus)
- Barrierefreie Ausgabe mit title-Attribut und allowfullscreen in jedem iframe
- Kopieren in die Zwischenablage mit einem Klick, ohne Anmeldung, völlig kostenlos
So verwenden Sie den YouTube-Einbettungscode-Generator
- Link einfügen: Geben Sie eine beliebige YouTube-URL oder eine 11-stellige Video-ID in das Eingabefeld ein. Das Tool erkennt die Video-ID automatisch.
- Optionen wählen: Legen Sie eine Startzeit fest und schalten Sie Autoplay, Stummschaltung, Schleife, ausgeblendete Steuerelemente oder den erweiterten Datenschutzmodus ein oder aus. Der Code wird live aktualisiert.
- Größe festlegen: Behalten Sie den responsiven Wrapper für flexible Layouts bei oder schalten Sie ihn aus und wählen Sie eine feste Größe wie 560x315 oder 1280x720.
- Vorschau prüfen: Der Live-Player rechts zeigt genau, wie sich Ihre Einbettung verhält, nur ohne Autoplay, damit die Seite stumm bleibt.
- Kopieren und einfügen: Klicken Sie auf „Code kopieren“ und fügen Sie das HTML in Ihre Website, Ihren Blogbeitrag oder den HTML-Block Ihres CMS ein.
Anwendungsfälle
- Blogger: Binden Sie Tutorial- oder Rezensionsvideos mit mobilfreundlichem, responsivem Code in WordPress, Ghost oder statische Seiten ein.
- Webentwickler: Erzeugen Sie einheitliches, standardkonformes iframe-Markup mit Lazy Loading, statt es jedes Mal von Hand zu schreiben.
- Kursersteller: Binden Sie Lektionen ab einem exakten Zeitstempel ein, damit Lernende immer an der richtigen Stelle landen.
- Marketing-Teams: Fügen Sie Landingpages Produktdemos mit ausgeblendeten Steuerelementen für eine aufgeräumtere Optik hinzu.
- Agenturen mit DSGVO-Websites: Liefern Sie Einbettungen mit der datenschutzfreundlichen Domain youtube-nocookie.com für europäische Kundenwebsites.
- Autoren von Dokumentationen: Fügen Sie Anleitungsvideos in Hilfecenter und Wissensdatenbanken ein, ohne das Layout zu zerstören.
- Newsletter-Herausgeber: Erstellen Sie Einbettungen für Webversionen von Newslettern, in denen Videos unterstützt werden.
- Kleinunternehmer: Setzen Sie ein stummes Promo-Video in Endlosschleife in den Hero-Bereich Ihrer Startseite, ohne einen Entwickler zu beauftragen.
Häufig gestellte Fragen
Ist dieses Tool kostenlos?
Ja, der YouTube-Einbettungscode-Generator ist völlig kostenlos, ohne Anmeldung, ohne Wasserzeichen und ohne Nutzungslimits.
Sind meine Daten sicher?
Ja. Das Tool läuft vollständig in Ihrem Browser. Ihre URLs und Einstellungen werden nie an unsere Server gesendet, und nichts wird gespeichert oder protokolliert.
Warum fügt Autoplay auch mute=1 hinzu?
Chrome, Safari und Firefox blockieren automatisch startende Videos mit Ton. YouTube-Einbettungen starten nur dann zuverlässig automatisch, wenn sie stummgeschaltet sind, daher ergänzt der Generator mute=1, sobald Autoplay aktiviert ist. Besucher können den Ton mit einem Klick einschalten.
Warum fügt die Schleife einen Playlist-Parameter hinzu?
Das ist eine Vorgabe von YouTube. Der Parameter loop=1 funktioniert nur bei Playlists, daher müssen Sie für die Schleife eines einzelnen Videos playlist=VIDEO_ID mit derselben ID übergeben. Der Generator erledigt das automatisch.
Was ist der Unterschied zwischen responsiven und festen Einbettungen?
Ein iframe mit fester Größe wird immer mit denselben Pixelmaßen dargestellt und kann auf kleinen Bildschirmen überlaufen. Die responsive Version verpackt das iframe in einen Container mit padding-bottom von 56,25 Prozent (dem 16:9-Verhältnis), sodass der Player sein übergeordnetes Element ausfüllt und auf jedem Gerät sauber skaliert.
Ändert der erweiterte Datenschutzmodus die Wiedergabe des Videos?
Nein. Der Player sieht identisch aus und verhält sich identisch. Die Domain youtube-nocookie.com verhindert lediglich, dass YouTube Tracking-Cookies setzt, bevor der Besucher die Wiedergabe startet, was bei DSGVO und Cookie-Einwilligung hilft.
Tipps und bewährte Vorgehensweisen
- Responsiven Wrapper aktiviert lassen: Über die Hälfte des Web-Traffics ist mobil, und ein festes 560-px-iframe läuft auf den meisten Smartphone-Bildschirmen über.
- Lazy Loading unterhalb des sichtbaren Bereichs nutzen: Jedes YouTube-iframe lädt Hunderte Kilobyte nach. loading="lazy" verschiebt diese Last, bis der Player tatsächlich sichtbar ist.
- Startzeit bei langen Videos setzen: Wenn Sie Zuschauer direkt zur relevanten Stelle schicken, sinkt die Absprungrate und sie schauen länger Ihre Inhalte.
- Erweiterten Datenschutzmodus bevorzugen: Für Zuschauer gibt es keinen Nachteil, und er vereinfacht die Cookie-Einwilligung auf Websites mit EU-Traffic.
- title-Attribut beibehalten: Screenreader lesen es vor, und Barrierefreiheitsprüfungen wie Lighthouse beanstanden iframes ohne dieses Attribut.
- Nach dem Einfügen testen: Manche CMS-Editoren entfernen iframes im visuellen Modus. Fügen Sie den Code in einen HTML- oder Codeblock ein, damit er erhalten bleibt.