Generator
Läuft in deinem Browser
Quelle
Optionen
Vorschau
Was du hier eingibst, wird nirgendwohin gesendet. Der Code wird vollständig in deinem Browser erzeugt. Unabhängiges Tool, keine Verbindung zu YouTube oder Google.
Füge oben einen YouTube-Link ein, und das Tool erstellt sofort einen sauberen, responsiven, datenschutzfreundlichen Embed-Code: Startzeit, automatische Wiedergabe, Stummschaltung, Wiederholung, verborgene Bedienelemente, Shorts-Format, Wiedergabelisten und Lazy-Loading werden alle unterstützt.
Was jede Option bewirkt
- Datenschutzfreundlich wechselt die Embed-Domain von youtube.com zu youtube-nocookie.com. YouTube setzt dann keine Tracking-Cookies, bevor die Wiedergabe tatsächlich beginnt, was diese Option für DSGVO-bewusste Websites geeignet macht.
- Responsiver Wrapper nutzt ein prozentbasiertes Padding statt fester Pixelmaße, sodass der Player auf jedem Bildschirm sauber mitskaliert.
- Lazy-Load fügt das Attribut loading=”lazy” hinzu, sodass der Player erst lädt, sobald ein Besucher in die Nähe scrollt. Das hält Seiten mit mehreren Videos schnell.
- Start- und Endzeit nutzen die Parameter start und end in ganzen Sekunden, damit die Wiedergabe genau dort beginnt und optional endet, wo du es möchtest.
- Shorts-Format stellt Vorschau und responsiven Wrapper auf ein vertikales 9:16-Verhältnis um, passend zum tatsächlichen Format von Shorts.
- Wiedergabeliste ersetzt das einzelne Video durch /embed/videoseries mit einem list-Parameter, sodass der Player eine ganze Playlist mit eigener Warteschlange zeigt.
Warum nicht einfach YouTubes eigenen Freigabecode nutzen?
Das eingebaute Teilen-Fenster von YouTube ist ein guter Ausgangspunkt, bietet aber keinen responsiven Wrapper, aktiviert die datenschutzfreundliche Domain nicht standardmäßig und macht es umständlich, eine eigene Startzeit mit verborgenen Bedienelementen oder einem Shorts-Format zu kombinieren. Dieser Generator liefert dasselbe zugrunde liegende Iframe, nur mit all diesen Kombinationen über einfache Schalter und einer Live-Vorschau.
Wohin mit dem Code?
Der erzeugte HTML-Code funktioniert überall, wo du rohes HTML einfügen kannst: ein WordPress-Custom-HTML-Block, ein Shopify-Theme-Abschnitt, ein Wix-Embed-Widget oder direkt im Quellcode einer eigenen Website. Sieh dir auch unseren Leitfaden für responsive Embeds und die Übersicht aller Iframe-Parameter an.