Discover the best playbutton websites created by professional designers. Get inspired and start planning your perfect playbutton web design today!

A magnetic video play button that appears on hover on a background video and follows the mouse cursor. When clicked, it opens a lightbox with the video.

Tutorial: https://youtu.be/ySUF-D9LxjE

Magnetic Video Play Button on Hover

Magnetic Video Play Button following the Cursor

From my Webflow online course community came the wish to build this video player, which basically runs in a loop without sound as a background video. 
If you click on on the unmute button, the video plays from the beginning and the sound is activated.  

We need a bit of custom jQuery code for this. In addition, the Vimeo API must be included if you want to address Vimeo iFrames.

Watch the tutorial here: https://youtu.be/mKFZxHpYGng

Vimeo Background Video with Play Sound Toggle

A tutorial how you can quickly give any element in Webflow a magnetic effect. This is known especially from buttons of all kinds and is easy to implement with just one interaction, which you can then apply everywhere via a CSS class.

Tutorial: 
https://youtu.be/1iFp2iOq5pI

Magnetic Button

Easy Magnetic Elements and Buttons | Template

The project was made to help a forum question > https://forum.webflow.com/t/pulsing-play-button/81085

Discover playbutton websites built by the Webflow community

Discover playbutton websites built by the Webflow community