Videos einbetten

Was bedeutet „Einbetten“?

Einbetten heißt: Sie fügen ein kleines Code-Schnipsel in Ihre Seite ein, und an dieser Stelle erscheint Ihr Video-Player. Das Video selbst bleibt sicher bei uns gehostet — Sie verlinken es nur.

Sie müssen nichts programmieren. Sie kopieren den fertigen Code aus der App und fügen ihn dort ein, wo das Video erscheinen soll.

Wo finde ich den Embed-Code?

1. 1

   Öffnen Sie in der App die gewünschte Library und klicken Sie auf das Video.

2. 2

   Scrollen Sie auf der Video-Detailseite zum Bereich „Embed-Code“.

3. 3

   Dort finden Sie zwei Varianten zum Kopieren: einen iFrame-Code und einen Player-Code.

iFrame oder Player-Code?

Beide zeigen denselben Player. Der Unterschied liegt darin, wie das Video in Ihre Seite eingebunden wird:

Live-Demo

Links sehen Sie einen echten, eingebetteten Player. Rechts steht exakt der Code, der ihn erzeugt — so sehen Sie sofort, was Sie erwartet.

In Ihr System einfügen

Fügen Sie den kopierten Code überall dort ein, wo Ihr Editor eigenen HTML- oder Embed-Code erlaubt. Suchen Sie nach einem Block mit einem dieser Namen:

• Ein „HTML“-, „Code“- oder „Embed“-Element (z. B. in WordPress, Webflow, Shopify, TYPO3).
• Eine Ansicht „Quellcode“ / „Code-Ansicht“ im Rich-Text-Editor (oft ein „</>“-Symbol).
• Ein dediziertes Feld für „Custom HTML“ oder „Eingebetteter Inhalt“.

Responsive Darstellung

Damit das Video auf allen Bildschirmgrößen das richtige Seitenverhältnis behält, können Sie den iFrame in einen Wrapper packen. Ersetzen Sie YOUR_EMBED_URL durch die URL aus Ihrem iFrame-Code:

<div style="position:relative;width:100%;aspect-ratio:16/9;">
  <iframe src="YOUR_EMBED_URL" loading="lazy"
    style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;"
    allow="autoplay;fullscreen;picture-in-picture"
    allowfullscreen></iframe>
</div>

Wiedergabe steuern (Autoplay, Ton aus, Schleife)

Sie können das Verhalten pro Einbettung steuern, indem Sie Parameter an die Embed-URL anhängen: autoplay, muted, loop und controls (jeweils 1 = an, 0 = aus). Nur die von Ihnen gesetzten Parameter überschreiben die im Player gespeicherten Einstellungen. Das folgende Beispiel startet das Video automatisch, stumm, in Endlosschleife und ohne Bedienelemente – ideal für ein Hintergrundvideo:

<div style="position:relative;width:100%;aspect-ratio:16/9;">
  <iframe src="YOUR_EMBED_URL?autoplay=1&loop=1&controls=0" loading="lazy"
    style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;"
    allow="autoplay;fullscreen;picture-in-picture"
    allowfullscreen></iframe>
</div>

Hinweis: Browser erlauben Autoplay nur bei stummgeschalteten Videos, daher wird muted automatisch mitgesetzt. Der iFrame benötigt außerdem das Attribut allow="autoplay", sonst wird die automatische Wiedergabe blockiert.