Direkt zum Inhalt
Alle Anleitungen
Anleitung 03 5 Min.

Ein Video auf Ihrer Website einbetten

Kopieren Sie den Snippet und fügen Sie ihn in jeden Page Builder, jedes CMS oder HTML-Template ein. Funktioniert mit WordPress, Webflow, Squarespace und plain HTML.

Der Embed-Snippet

Jedes Video hat einen eigenen Embed-Snippet auf der Videodetailseite. Klicken Sie auf Copy embed, um ihn in die Zwischenablage zu kopieren.

<script src="https://simplevideo.eu/embed.js" data-id="your-video-id" async></script>

Platzieren Sie dieses Tag an jeder Stelle in Ihrem HTML, an der der Player erscheinen soll. Das Script ersetzt das Tag durch einen responsiven Player.

WordPress

Fügen Sie im Block-Editor einen Custom HTML Block hinzu und fügen Sie den Snippet ein. Im klassischen Editor wechseln Sie in den Text Tab und fügen den Code direkt ein.

Webflow

Fügen Sie im Webflow-Designer ein Embed Element hinzu und fügen Sie den Snippet in das Code-Feld ein. Verentlichen Sie die Seite, damit die Aenderung aktiv wird.

Squarespace

Fügen Sie einen Code Block hinzu und fügen Sie den Snippet ein. Stellen Sie sicher, dass Display Source deaktiviert ist.

Plain HTML

Fügen Sie den Snippet direkt an der Stelle in Ihre HTML-Datei ein, an der der Player erscheinen soll. Es sind keine zusätzlichen Abhängigkeiten oder Konfigurationen notwendig.

Größe und Layout

Der Player ist standardmäßig responsiv und füllt die Breite seines Containers. Wickeln Sie ihn in ein div mit fester Breite, wenn Sie die Player-Größe begrenzen wollen.

<div style="max-width: 720px;">
  <script src="https://simplevideo.eu/embed.js" data-id="your-video-id" async></script>
</div>