YouTube Einbettungscode Generator

Erstelle sauberen, responsiven Einbettungscode für jedes YouTube-Video – mit Startzeit, Autoplay, Schleife und Datenschutz-Optionen.

Einbettungscode
Link einfügen, um den Code zu erzeugen.

Hier erscheint die Live-Vorschau.

Ein eingebettetes YouTube-Video hält Besucher auf deiner Seite, während YouTube das Streaming übernimmt. Der Standardcode aus YouTubes Teilen-Fenster funktioniert zwar, ist aber eine starre 560×315-Box, die auf Handys nicht passt, und versteckt nützliche Optionen wie Start- und Endzeit. Dieser Generator baut sauberen, responsiven Einbettungscode mit allen Einstellungen als einfache Kästchen – und zeigt vor dem Kopieren eine Live-Vorschau.

So erstellst du den Einbettungscode

  1. Füge den YouTube-Videolink ein – watch-, youtu.be-, Shorts- und Live-Links funktionieren.
  2. Optional: Start bei und Ende bei setzen, um nur einen Teil zu zeigen.
  3. Wähle die Optionen: Responsiv, Erweiterter Datenschutzmodus, Autoplay (stumm), Endlosschleife, Steuerelemente anzeigen und Untertitel an.
  4. Prüfe die Live-Vorschau, klicke auf Code kopieren und füge ihn in deine Website ein.

Was jede Option macht

OptionParameter im CodeGut zu wissen
Start bei / Ende beistart=85&end=140Zeiten in Sekunden; du kannst 1:25 tippen, das Tool rechnet um
Responsivwidth:100%; aspect-ratio:16/9Füllt die Spalte auf jedem Bildschirm; abwählen für feste Breite und Höhe
Erweiterter Datenschutzyoutube-nocookie.comKeine YouTube-Cookies, bis der Besucher Play drückt
Autoplay (stumm)autoplay=1&mute=1Browser erlauben Autoplay nur ohne Ton
Endlosschleifeloop=1&playlist=IDYouTube braucht den playlist-Parameter, damit ein einzelnes Video wiederholt
Steuerelementecontrols=0, wenn ausOhne Steuerung gut für Hintergrundvideos, nicht für Tutorials
Untertitel ancc_load_policy=1Zeigt Untertitel standardmäßig, falls vorhanden

Der Code enthält außerdem loading="lazy" – der Player lädt erst, wenn der Besucher in die Nähe scrollt – und einen beschreibenden title für Screenreader.

Wo du den Code einfügst

  • WordPress: Block Individuelles HTML hinzufügen und Code einfügen. (Der normale YouTube-Block kann weder Start/Ende noch Datenschutzmodus.)
  • Blogger: Beitrag öffnen, in die HTML-Ansicht wechseln und an der gewünschten Stelle einfügen.
  • Wix, Squarespace, Webflow: Element Einbetten bzw. Code verwenden.
  • Shopify: In Seite oder Produktbeschreibung auf HTML anzeigen (<>) klicken und einfügen.
  • Reines HTML: im <body> dort einfügen, wo das Video stehen soll.

Shorts und Hochkant-Videos einbetten

Auch Shorts lassen sich einbetten – der Generator wandelt einen /shorts/-Link in einen normalen Embed um. Da Shorts hochkant sind, wähle Responsiv ab und setze eine Größe wie 315 × 560, damit keine breite Box mit schwarzen Rändern entsteht.

Tipps für Ladezeit und SEO

  • Nur ein oder zwei Videos pro Seite. Jeder Player lädt Skripte; zu viele bremsen die Seite.
  • Schreib über das Video. Suchmaschinen können es nicht ansehen – eine Zusammenfassung, Kernpunkte oder ein Transkript helfen beim Ranking.
  • Bei sehr tempokritischen Seiten zuerst ein Bild zeigen und den Player erst beim Klick laden. Das Thumbnail-Größen-Tool zeigt und lädt alle Größen des Videobilds.
  • Datenschutz ernst nehmen. Der erweiterte Datenschutzmodus ist für Besucher aus der EU ein einfacher Gewinn.

Probleme lösen

  • „Video nicht verfügbar“ – Einbetten deaktiviert, oder das Video ist privat, altersbeschränkt bzw. regional gesperrt.
  • Autoplay startet nicht – es muss stumm sein, und manche Handys blockieren es im Energiesparmodus trotzdem.
  • Die Schleife springt auf 0:00 statt auf deine Startzeit – so funktioniert YouTubes Loop; für einen Clip in Schleife das Video selbst kürzen.
  • Der Player ragt auf dem Handy heraus – Responsiv anhaken bzw. prüfen, ob dein Theme iframes eine feste Höhe aufzwingt.

Lieber ein Link statt Player? Der Zeitstempel-Link-Generator erstellt Links, die an einer bestimmten Stelle starten. Schritt-für-Schritt-Anleitungen für jeden Website-Baukasten findest du unter YouTube-Video einbetten.

Häufige Fragen

Wie binde ich ein YouTube-Video auf meiner Website ein?

Füge den Videolink in den Generator ein, wähle die Optionen und klicke auf Code kopieren. Dann den iframe-Code einfügen – in WordPress über einen Block Individuelles HTML, in Blogger in der HTML-Ansicht, in Wix oder Squarespace über ein Einbetten- bzw. Code-Element.

Warum funktioniert Autoplay nur stumm?

Chrome, Safari, Firefox und Edge blockieren Videos, die von selbst mit Ton starten. Stummes Autoplay ist erlaubt, deshalb setzt der Generator automatisch mute=1, wenn du Autoplay anhakst.

Was ist der erweiterte Datenschutzmodus?

Der Player lädt von youtube-nocookie.com und speichert keine YouTube-Cookies beim Besucher, bis dieser auf Play drückt. Er sieht gleich aus, funktioniert gleich und hilft bei DSGVO-freundlichen Websites.

Wie wird das eingebettete Video responsiv?

Hake Responsiv an. Der Code nutzt dann width:100% und aspect-ratio:16/9 – der Player füllt seinen Container auf Handy und Desktop ohne schwarze Balken oder extra CSS.

Warum steht im Player Video nicht verfügbar?

Der Besitzer hat das Einbetten vielleicht deaktiviert, das Video ist privat, altersbeschränkt oder im Land des Besuchers gesperrt, oder der Link stimmt nicht. Teste den Code zuerst in der Live-Vorschau – scheitert er dort, scheitert er auch auf deiner Website.

Kann ich nur einen Teil des Videos einbetten?

Ja. Fülle Start bei und Ende bei aus. Der Player startet bei der ersten Zeit und stoppt bei der zweiten – ideal, um einen Ausschnitt aus einem langen Tutorial oder Stream zu zeigen.

Weiterlesen