Embed Vimeo & Play on Hover

Design help Custom code
2

Hi there,

You can embed Vimeo videos in Webflow using the embed element. Here’s how to implement it with auto-play on hover:

  1. Go to the Add panel and drag an embed element onto your canvas
  2. Get your Vimeo embed code
  3. In the embed element settings, paste your Vimeo embed code
  4. To enable auto-play on hover, add these parameters to your Vimeo iframe URL:
    ?background=1&autoplay=1&loop=1&byline=0&title=0
  5. Add this custom code to your embed element:
    <script>
var player = document.querySelector('iframe');
player.muted = true;
</script>

The background parameter removes controls, while autoplay=1 enables auto-play functionality. Remember that most browsers require videos to be muted for auto-play to work.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.