Auto Play Vimeo Videos

Design help Custom code
2

Hi @pixelsock, I would suggest to do the following:

  1. Read the html responsive video tutorial for embes: [Tutorial] Responsive Video using HTML Embed - Webflow Tips - Forum | Webflow

  2. Use the following code within the embed, of course replace the source url:

In the above, where it says --vimeovideoid-- replace that with the vimeo video you want to display.

Next open the page settings and in the Before Body custom code, paste the following:

<script src="https://player.vimeo.com/api/player.js"></script>
<script>
    var iframe = document.querySelector('iframe');
    var player = new Vimeo.Player(iframe);
    
    player.play();

</script>

Save changes and republish the site.

Here is an example site with a layout that i use a few interactions to change the size of the video when a user clicks a button:

https://webflow.com/website/responsive-vimeo-embed

I hope this helps, maybe give you some ideas!