Was ist ein Embed-Code?

Ein Embed-Code ist ein kurzes Stück HTML, das eine Website-Betreiberin in eine Seite einfügt, damit dort ein YouTube-Video abgespielt wird, statt nur über einen Link erreichbar zu sein. YouTube erzeugt ihn als <iframe>-Element, das auf eine spezielle /embed/-URL des Videos verweist.

Was steckt in einem Embed-Code

Mindestens enthält er eine Quell-URL mit der Video-ID, eine Breite und Höhe (oder stattdessen einen responsiven Wrapper) sowie ein title-Attribut für die Barrierefreiheit. Optionale Parameter steuern Autoplay, Startzeit, Sichtbarkeit der Bedienelemente und mehr.

Wie du einen bekommst

Du kannst YouTubes eigene Version über das Teilen-Menü unter einem Video kopieren, oder den Embed-Code-Generator dieser Seite nutzen, um responsive Größenanpassung, Datenschutzmodus, Startzeiten und weitere Optionen hinzuzufügen, die YouTubes Standardmenü nicht alle zusammen bietet.

Wie ein Embed-Code aufgebaut ist

Ein Embed-Code ist keine feste Zeichenkette, sondern setzt sich aus ein paar austauschbaren Teilen zusammen. Die Domain (youtube.com oder das datenschutzfreundliche youtube-nocookie.com) bestimmt das Cookie-Verhalten. Der Pfad enthält entweder eine einzelne Video-ID oder, bei einer Playlist, den Pfad videoseries mit einem list-Parameter. Query-Parameter wie start, autoplay und controls stehen nach einem Fragezeichen und beeinflussen die Wiedergabe. Und das umgebende Markup, entweder feste width/height-Attribute oder ein responsives Wrapper-Div, bestimmt, wie der Player auf der Seite dargestellt wird. Wer diese trennbaren Teile versteht, kann einen nicht selbst erzeugten Embed-Code viel leichter lesen und von Hand anpassen.

Ein praktisches Beispiel

Angenommen, du möchtest ein Produktvideo auf einer Landingpage zeigen, datenschutzfreundlich, beginnend nach 15 Sekunden, um ein Intro zu überspringen, ohne Autoplay. Der resultierende Embed-Code kombiniert eine youtube-nocookie.com-Domain, einen start=15-Parameter und einen responsiven Wrapper:

<div style="position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;">
  <iframe src="https://www.youtube-nocookie.com/embed/VIDEO_ID?start=15" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;" title="Produktvideo" allowfullscreen loading="lazy"></iframe>
</div>

Jeder Teil dieses Codeschnipsels entspricht einer Entscheidung: die Domain für den Datenschutz, start=15 für das Überspringen und der Wrapper für die responsive Größenanpassung.

Embed-Code versus ein einfacher Link

Es lohnt sich, klarzustellen, was ein Embed-Code nicht ist. Ein normaler YouTube-Link (eine watch- oder youtu.be-URL) ist zum Teilen und Anklicken gedacht; als reiner Text auf eine Seite eingefügt, bleibt er einfach als URL stehen oder wird von Plattformen wie WordPress, die oEmbed unterstützen, automatisch in ein Embed umgewandelt. Ein Embed-Code hingegen ist expliziter HTML-Code, den du direkt kontrollierst und der Optionen für Größe, Datenschutz und Wiedergabe bietet, die ein einfacher Link nicht hat. Verwandte Begriffe, die man dazu kennen sollte, sind das Iframe-Element, auf dem der Code beruht, und der Unterschied zwischen der Embed-URL und der Watch-URL.

Häufig gestellte Fragen