Video-Einbettungsgenerator
Ein Video-Embed-Generator macht aus einer Seiten-URL das iframe, das Ihre Website braucht. Fügen Sie youtube.com/watch?v=dQw4w9WgXcQ ein: Das Werkzeug erkennt YouTube, zieht die ID heraus und baut https://www.youtube-nocookie.com/embed/dQw4w9WgXcQ?rel=0&modestbranding=1 in einen responsiven Rahmen mit Lazy Loading. Vimeo, Dailymotion, Twitch, TikTok, Rumble und direkte MP4-Dateien werden genauso erkannt.
Einbettungsoptionen
Vorschau
Einbettungscode
Über Video-Einbettungsgenerator
Fügen Sie eine normale Wiedergabe-URL ein, und das Werkzeug bestimmt den Dienst und liest die Video-Kennung aus - Sie müssen den Einbettungslink nie selbst suchen. youtube.com/watch und youtu.be führen zur selben ID. Vimeo, Dailymotion, Twitch, Facebook, TikTok und Rumble haben jeweils eine eigene Player-Adresse, und ein Link, der auf eine Videodatei wie .mp4 endet, gilt als Direktvideo: Sie erhalten ein natives HTML-video-Element mit passendem Quelltyp statt eines iframes.
YouTube-Einbettungen laufen über youtube-nocookie.com statt youtube.com, mit stets angehängtem rel=0 und modestbranding=1. Die Kontrollkästchen ergänzen Parameter: Autoplay, Stummschaltung, Schleife - die zusätzlich den playlist-Parameter auf dieselbe ID setzt, weil ein einzelnes YouTube-Video ohne ihn nicht loopt - und ausgeschaltete Bedienelemente ergänzen controls=0. Sonst kommt nichts in die URL, der Code bleibt kurz und lesbar.
Responsiv ist voreingestellt und packt den Player in ein div mit 56,25 Prozent padding-bottom, dem üblichen 16:9-Kniff, der das Video bei jeder Breite in Form hält. Abgeschaltet erhalten Sie ein festes iframe mit 640 mal 360, gesteuert über die Felder Breite und Höhe. Lazy Loading setzt loading="lazy", sodass der Player erst geholt wird, wenn er in Sichtweite kommt, und der Eckenradius wandert direkt in den Inline-Stil.
Unter der Vorschau liegen drei Ausgabeformate. HTML ist der vollständige Schnipsel für jede Vorlage oder jeden Seitenbaukasten und endet mit einer kleinen Credit-Zeile zurück zu diesem Werkzeug - löschen Sie diesen Absatz, wenn Sie ihn nicht möchten. WordPress liefert 100 Prozent Breite bei fester Höhe, fertig für einen Custom-HTML-Block. BBCode erzeugt einen einfachen Link für Foren, die gar keine iframes zulassen. Das Werkzeug baut nur Markup: Es hostet, konvertiert und lädt nichts herunter und kann ein privates oder regional gesperrtes Video nicht abspielbar machen.
Anwendungsfälle
Anleitung
Fügen Sie die URL der Videoseite in das Eingabefeld ein; die Plattform wird beim Tippen erkannt und ihr Symbol erscheint neben dem Feld.
Legen Sie die Größe fest: Responsiv anlassen für einen 16:9-Rahmen, der in jede Spalte passt, oder abschalten und Breite und Höhe eintippen.
Setzen Sie die nötigen Optionen - Autoplay, Stummschalten, Schleife, Bedienelemente, Lazy Loading - und ziehen Sie den Regler für den Eckenradius.
Prüfen Sie die Live-Vorschau, die den echten Player mit Ihren Einstellungen lädt.
Wählen Sie im Codefeld HTML, WordPress oder BBCode, drücken Sie Kopieren und fügen Sie den Block in Ihre Seite ein.
Klicken Sie auf Copy und fügen Sie den iframe in Ihre Seite ein.
Profi-Tipps
- Autoplay geht nur stumm. Alle aktuellen Browser blockieren den Start mit Ton, also beide Kästchen setzen - sonst bleibt der Player einfach pausiert stehen.
- Die Twitch-Einbettung trägt einen parent-Parameter mit dem Hostnamen der Seite, auf der der Code erzeugt wurde: www.freewebtools.com. Ändern Sie ihn vor der Veröffentlichung auf Ihre eigene Domain, sonst lädt der Player nicht.
- Ein einzelnes YouTube-Video zu loopen verlangt den playlist-Parameter mit derselben Video-ID. Das Kästchen Schleife erledigt das - deshalb steht die ID zweimal in der erzeugten URL.
- Lassen Sie Responsiv an, außer der Player sitzt in einem Kasten fester Breite. Der Rahmen nutzt 56,25 Prozent padding-bottom, ein 16:9-Video behält also vom Handy bis zum Desktop seine Form.
- Die HTML-Ausgabe endet mit einem kleinen Credit-Absatz, der auf dieses Werkzeug verweist. Es ist ein gewöhnlicher Absatz im kopierten Code - löschen Sie ihn, wenn Sie möchten, nichts anderes hängt daran.
Fehlerbehebung
Nach dem Einfügen des Links passiert nichts.
Der Text wurde nicht als Video-URL erkannt, deshalb entsteht gar kein Code. Fügen Sie die vollständige Adresse aus der Browserzeile ein, samt https://, statt eines gekürzten Teilentextes oder eines Suchergebnisses. Ein bloßer Satz ohne Domain wird bewusst abgewiesen.
Der Twitch-Player meldet einen ungültigen parent.
Der parent-Parameter im kopierten Code lautet www.freewebtools.com, der Hostname der Seite, auf der er erzeugt wurde. Twitch verlangt, dass er zur Seite passt, die den Player tatsächlich zeigt. Ersetzen Sie ihn durch Ihre Domain und ergänzen Sie einen zweiten parent-Parameter für weitere Hostnamen wie localhost oder eine Staging-Seite.
Das Video spielt, startet aber nicht von selbst.
Browser erlauben Autoplay nur bei stummem Video. Setzen Sie Stummschalten zusätzlich zu Autoplay und erzeugen Sie den Code neu. Selbst dann unterdrücken manche Browser Autoplay bei getakteten Verbindungen oder im Energiesparmodus - behandeln Sie es als nette Zugabe, nicht als Voraussetzung.
Der Player ist gestaucht oder zeigt schwarze Balken.
Der responsive Rahmen steht fest auf 56,25 Prozent padding, also 16:9. Ein in einem anderen Seitenverhältnis gedrehtes Video - etwa hochkant - bekommt darin Balken. Schalten Sie Responsiv ab und tragen Sie passende Breite und Höhe ein, oder ersetzen Sie die 56.25% im kopierten Code durch Höhe geteilt durch Breite mal 100.
Die Einbettung läuft hier, bleibt auf meiner Seite aber leer.
Drei übliche Ursachen: eine Content-Security-Policy auf Ihrer Seite, die Frames von der Player-Domain nicht erlaubt, ein Einwilligungsbanner, das Drittanbieter-iframes bis zur Zustimmung blockiert, oder eine Plattformbeschränkung am Video selbst. Sehen Sie in die Browserkonsole Ihrer eigenen Seite - ein blockierter Frame wird dort immer gemeldet.
Häufig gestellte Fragen
Es ist der HTML-Schnipsel, der den Player eines Dritten in Ihre Seite setzt - fast immer ein iframe auf die Player-Adresse der Plattform, mit der Video-ID in der URL. Der normale Wiedergabelink taugt dafür nicht. Dieses Werkzeug wandelt das eine ins andere: Wiedergabe-URL einfügen, fertiges iframe herausbekommen.
Fügen Sie die Wiedergabe-URL ein - youtube.com/watch?v=... oder einen youtu.be-Kurzlink - und kopieren Sie die HTML-Ausgabe. Die erzeugte Quelle lautet https://www.youtube-nocookie.com/embed/<id>?rel=0&modestbranding=1 in einem responsiven Rahmen. Setzen Sie den Block in Ihre Vorlage, einen Custom-HTML-Block oder ein HTML-Widget, nicht in einen Texteditor, der Tags maskiert.
YouTube, Vimeo, Dailymotion, Twitch, Facebook, TikTok und Rumble sowie direkte Videodateien. Ein Link, der auf eine Mediendatei wie .mp4 endet, wird zu einem nativen HTML-video-Element mit passendem Quelltyp statt zu einem iframe. Was sich nicht einordnen lässt, bleibt eine generische URL, und Text ohne Link wird abgewiesen, ohne Code zu erzeugen.
Es ist YouTubes Player-Domain mit erweitertem Datenschutz. Der Player verhält sich gleich, aber YouTube gibt an, keine Informationen über Besucher Ihrer Seite zu speichern, solange sie das Video nicht abspielen. Dieser Generator nutzt sie für YouTube immer - eine Sache weniger, die Sie von Hand ändern müssen, wenn Drittanbieter-Cookies vor der Einwilligung draußen bleiben sollen.
Lassen Sie den Schalter Responsiv an. Der Code packt das iframe in ein div mit position:relative und padding-bottom:56.25% und dehnt das iframe darin aus. Dieser Prozentwert ist 9 geteilt durch 16, der Kasten behält also bei jeder Breite 16:9. Abgeschaltet erhalten Sie ein festes iframe aus den Feldern Breite und Höhe, voreingestellt 640 mal 360.
Weil Browser Autoplay mit Ton blockieren. Setzen Sie neben Autoplay auch Stummschalten, dann startet der Player lautlos, was erlaubt ist. Die erzeugte URL trägt dann autoplay=1 und mute=1 für YouTube beziehungsweise autoplay=1 und muted=1 für Vimeo. Manche Browser unterdrücken Autoplay zusätzlich im Energiesparmodus - verlassen Sie sich nie darauf.
Twitch verlangt einen parent-Parameter mit der Domain, die den Player hostet, und dieses Werkzeug füllt ihn mit dem Hostnamen der Seite, auf der Sie den Code erzeugt haben: www.freewebtools.com. Ändern Sie den Wert im kopierten Schnipsel auf Ihre Domain. Fügen Sie mehrere parent-Parameter hinzu, wenn der Player auf mehreren Hostnamen läuft, etwa einer Staging-Seite.
Es verschiebt die Anfrage. Mit loading="lazy" holt der Browser den Player erst, wenn er in die Nähe des Sichtbereichs kommt - ein Video weit unten auf einer langen Seite kostet beim ersten Laden also nichts. Das Attribut ist hier voreingestellt. Schalten Sie es nur ab, wenn das Video das Erste ist, was Besucher sehen.
Der Generator baut den Code bereitwillig, doch die Plattform entscheidet, ob der Player läuft. Private Videos spielen für niemanden außer dem Besitzer, nicht gelistete meist schon, und geografische oder Altersbeschränkungen gelten auch im iframe. Läuft ein Video hier in der Vorschau nicht, läuft es auf Ihrer Seite ebenfalls nicht.
Der Player ist derselbe, die Verpackung unterscheidet sich. HTML ist der vollständige Schnipsel mit responsivem Rahmen und kleinem Credit-Absatz. WordPress ist ein einzelnes iframe mit 100 Prozent Breite und fester Höhe, zugeschnitten auf einen Custom-HTML-Block. BBCode ist gar keine Einbettung - Foren, die iframes sperren, bekommen einen einfachen Link zum Player.