Streaming live at 10am (PST)

Autoplay not working for vimeo video


#1

Hello all,

I’ve added a video section to our website from Vimeo, I’ve copied in code from tutorials online to make the video autoplay and loop but it is not working for me

Has anybody else had a similar issue with this or have I got the coding wrong somewhere?

Thanks in advance!


Here is my site Read-Only: https://preview.webflow.com/preview/p-w-website?utm_source=p-w-website&preview=4b6234d129ddd2aae070060482b43674


#2

Hi @Holly1

Thanks for posting.

I took a look at your project but I’m not sure what page or section the video is on.

That said, the issue could be related to another similar thread — please check out my reply here: Webflow video & loop issue

It’s also worth mentioning that autoplay specifically can be tricky to implement as Chrome changed the policy around autoplaying videos (see full details here).


#3

Hi @Brando

Sorry - that was silly of me not mentioning the page. It’s on the Paul Hollywood page, you can find it on the work overview page.

Curiously I’ve found out today, that the autoplay function was working last week on a desktop computer using Safari. I’ve since tinkered with the coding and it now doesn’t work on either Chrome or Safari…

I’m afraid that I can’t remember what coding I used last week, but if you wouldn’t mind checking it as it is now I’d really appreciate it

Many thanks


#4

Hmm I’m not sure why the iframe isn’t working.

That said, are you wanting this to be a muted background video, or a video with sound?

If the former, you can use the background video component rather than custom code. This will already autoplay, loop, and be muted by default — all you need to do is upload your video.

If you need the video sound, you may consider using a <video> tag rather than an iframe.

If you’d rather not use any of these options you can check out vimeo’s background video embed guide here: https://help.vimeo.com/hc/en-us/articles/115011183028-Embedding-background-videos


#5

@Brando autoplay for Vimeo indeed seems not be working, unfortunately :frowning: Any chance this could be checked? - I’m in need of this function, too.

The odd thing, when we insert URLs with autoplay=1 at the end of the URL inside a CMS collection, it begins to play inside that CMS item…but not on the actual (published) page.


#6

autoplayyoutube/viemo/html5 video on chrome not working with sound (since April 2018). Read google new policies:

chrome Autoplay Policy Changes

As you may have noticed, web browsers are moving towards stricter autoplay policies in order to improve the user experience, minimize incentives to install ad blockers, and reduce data consumption on expensive and/or constrained networks. These changes are intended to give greater control of playback to users and to benefit publishers with legitimate use cases.

Chrome’s autoplay policies are simple:

  • Muted autoplay is always allowed.

full article