Vimeo autoplay problem

Design help Custom code
1

Hello Webflow community!

I’m having a problem getting a Vimeo video to autoplay on this page:
“workpage”

Thank you for any tips or suggestions!

Michael

Here is my site Read-Only:
https://preview.webflow.com/preview/shinestudio?utm_medium=preview_link&utm_source=designer&utm_content=shinestudio&preview=9024e959d843b96f498d12c440f8ee5b&pageId=6755c207eb8b323ce45adf05&locale=en&workflow=preview

2

Make certain you have it muted.
Modern web browsers will not autoplay a video with sound.

1 Like
3

Hi Michael, thank you for that suggestion! I do have it muted.

The Vimeo team suggested I mute as well, so I added this code to the tail of my Vimeo URL:

?autoplay=1&muted=1

4

I can see the URL params in the designer, however in the generated HTML, the muted param is no showing in the Embedly generated code.

It’s possible you cannot do this through Webflow’s Embedly setup but try this URL with player. in front;

https://player.vimeo.com/video/111262147?autoplay=1&muted=1

If that still doesn’t work, try crafting the IFRAME yourself;

<iframe 
  src="https://player.vimeo.com/video/111262147?autoplay=1&muted=1" 
  width="640" 
  height="360" 
  frameborder="0" 
  allow="autoplay; fullscreen; picture-in-picture" 
  allowfullscreen>
</iframe>
1 Like
5

Michael, you’re a genius! This works great using the iFrame Code Embed from the Advanced category. It looks awesome. Thank you so much.

Once more question for you sir: is it possible for the video to scale within the Div Block? It stays locked at 1920x1080 size. Thank you again!

Michael

Here’s a Share-only link to the page:
https://preview.webflow.com/preview/shinestudio?utm_medium=preview_link&utm_source=designer&utm_content=shinestudio&preview=9024e959d843b96f498d12c440f8ee5b&pageId=6755c207eb8b323ce45adf05&locale=en&workflow=preview

6

I was able to sort out the scale issue: https://www.shinestudio.com

Thank you again so much Michael! Very much appreciated.

1 Like