Animation

Tutorial: Vimeo Hintergrund-Video mit Play Button Funktion

Level:
Profi 💪
Das Video kann nur angezeigt werden, wenn Cookies erlaubt sind.
Cookies akzeptieren und Medien laden

Heute gibts mal ein etwas fortgeschritteneres Webflow Tutorial. Aus meiner Webflow Onlinekurs Community kam der Wunsch diesen Video Player zu bauen, der im Prinzip erstmal im Loop ohne Ton als Background-Video abläuft. Klickt man auf einen Unmute Button, spielt sich das Video von vorne ab und der Ton wird aktiviert. Das Ganze kann man direkt in Webflow auch mit einer netten Klick-Animation versehen.

Wir brauchen dafür ein bisschen Custom jQuery Code. Zudem muss die Vimeo API mit eingebunden werden, wenn man Vimeo iFrames ansprechen und umstellen möchte. Das Projekt gibts wie immer als kostenloses Cloneable auf meinem Webflow Account.

Ergebnis anschauen
Icon für einen externen Link
Im Webflow Designer öffnen und klonen
Icon für einen externen Link
Im Webflow Designer öffnen und klonen
Affiliate Link
Icon für einen externen Link