So nutzt du: Video-Embed-Code Generator
- Füge einen Video-Link ein – YouTube (Watch, youtu.be, Shorts), Vimeo, Loom, Wistia, Dailymotion, Twitch, Streamable, Google Drive, Facebook oder eine direkte .mp4-Datei. Plattform, ID und Startzeit werden daraus automatisch erkannt.
- Wähle ein responsives iframe oder die Lite-Version, die den Player erst beim Klick lädt (deutlich schnellere Seiten).
- Lege Start- und Endzeit fest, aktiviere Autoplay (immer stumm – Browser blockieren Autoplay mit Ton), Schleife, Steuerelemente und Untertitel.
- Kopiere den Code in ein Embed-Element (Webflow), einen Benutzerdefiniertes-HTML-Block (WordPress) oder direkt in deine Seite. Optionen, die der Player einer Plattform nicht unterstützt, werden ausgeblendet.
Unterstützte Plattformen
YouTube (Datenschutzmodus, Start/Ende, Untertitel, Lite-Modus), Vimeo (inklusive nicht gelisteter Links mit Hash, Do-Not-Track), Loom, Wistia, Dailymotion, Twitch (Videos, Clips und Live-Kanäle – Twitch verlangt die Domains, auf denen du einbettest), Streamable, Google Drive (Dateien, die für „Jeder mit dem Link“ freigegeben sind), Facebook-Videos sowie deine eigenen MP4/WebM-Dateien über das HTML5-Element <video>.
Responsiv ohne Wrapper-Tricks
Der Code nutzt die CSS-Eigenschaft aspect-ratio. Das Video füllt die Breite seines Containers und behält sein Seitenverhältnis – ein Padding-Bottom-Trick ist nicht nötig. Vertikale Shorts verwenden 9:16 und sind in der Breite begrenzt, damit sie auf dem Desktop nicht riesig werden.
Warum die Lite-Version schneller ist
Ein normales YouTube-Embed lädt rund 1 MB Skripte, bevor überhaupt jemand auf Play drückt. Das belastet Largest Contentful Paint und Total Blocking Time. Die Lite-Version zeigt nur das Vorschaubild des Videos und einen Play-Button; der echte Player wird beim Klick geladen und startet sofort. Verwende sie immer dann, wenn eine Seite mehr als ein Video hat oder das Video nicht das Erste ist, was Besucher sehen.
| Option | Parameter |
|---|---|
| Datenschutzmodus | Domain youtube-nocookie.com |
| Start / Ende | start, end (Sekunden) |
| Autoplay | autoplay=1&mute=1 |
| Schleife | loop=1&playlist=ID |
| Untertitel | cc_load_policy=1 |
| Verwandte Videos | rel=0 (nur aus demselben Kanal) |
Auch gesucht als: youtube embed code generator, vimeo embed code, responsives video einbetten, loom embed code, video einbetten html, wistia embed code, twitch embed code, lite youtube embed.
Passende Tools zu: Video-Embed-Code Generator
- Google Maps Einbettungs-Generator — Zeige dein Büro, deinen Laden oder dein Event auf einer Google Maps-Karte, ohne dich für einen API-Schlüssel anzumelden.
- Cookie-Banner Generator — Füge jeder Website – Webflow, WordPress, Shopify oder reinem HTML – ein Cookie-Banner hinzu, ganz ohne kostenpflichtiges Plugin.
- Seitengeschwindigkeits-Test — Starte Google Lighthouse für jede URL, mobil oder am Desktop.
- OG-Bildgenerator — Erstelle in Sekundenschnelle ein professionelles Vorschaubild für Links auf Facebook, LinkedIn, X, Slack und WhatsApp – wähle eine Vorlage aus, gib deinen Titel ein, füge ein Logo hinzu und lade dann die PNG-Datei sowie die passenden Meta-Tags herunter.