So betten Sie Videos in Webflow ein

Wege, Webflow ein Video hinzuzufügen

1. 1.

   Das Video-Element für YouTube oder Vimeo nutzen

   Ziehen Sie ein Video-Element auf die Seite und fügen Sie eine YouTube- oder Vimeo-URL ein.

2. 2.

   Ein Background Video für gehostete Dateien nutzen

   Ziehen Sie ein Background Video-Element auf die Seite und laden Sie ein MP4 hoch (kurze, stumme Schleifen funktionieren am besten).

3. 3.

   Code Embed für alles andere nutzen

   Ziehen Sie ein Code Embed-Element auf die Seite und fügen Sie einen iFrame- oder Widget-Code ein. Code Embed erfordert einen kostenpflichtigen Website- oder Workspace-Tarif.

Video beim Darüberfahren abspielen und andere Interaktionen

Mit Webflow-Interaktionen lässt sich ein HTML5-Video beim Darüberfahren abspielen oder pausieren, indem ein Video in einem Code Embed angesprochen wird. Das funktioniert, ist aber eigener Code, den Sie warten müssen.

Ein Videoplayer oder eine Galerie ohne eigenen Code

Der No-Code-Weg

Nutzen Sie „Player mit Galerie“ oder ein Video-Karussell in einem Code Embed – YouTube, Vimeo und gehostete Videos.

Elfsight Video Gallery ausprobieren

Eine Videogalerie mit Elfsight zu Webflow hinzufügen

1. 1.

   Den Designer öffnen

   Fahren Sie im Webflow-Dashboard mit der Maus über die Website und klicken Sie auf Open in Webflow.

2. 2.

   Ein Code Embed hinzufügen

   Klicken Sie auf +, suchen Sie Code Embed und ziehen Sie es dorthin, wo die Galerie erscheinen soll.

3. 3.

   Einfügen und veröffentlichen

   Fügen Sie den Installationscode ein, klicken Sie auf Save & Close und dann auf Publish → Publish to Selected Domains.

Gut zu wissen: Das Widget ist im Designer nicht sichtbar – prüfen Sie es in der Vorschau (mit aktiviertem Custom Code) oder auf der veröffentlichten Website. Code Embed erfordert einen kostenpflichtigen Site-Tarif oder kostenpflichtigen Workspace-Tarif; kostenlose Starter-Tarife erlauben keinen eigenen Code.

Vollständige Anleitung mit Screenshots: Elfsight-Widget zu Webflow hinzufügen ↗ · Sie möchten es nicht selbst machen? Kostenlose Installation anfordern ↗