Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Chrome Vimeo Iframe autoplay not working anymore

Tags:

since some days my vimeo iframe will not autoplay anymore. I know the chrome update, which will block autoplay videos with sound. Is the block already active?

The Vimeo Example code doesn't work:

<iframe src="https://player.vimeo.com/video/12345?autoplay=1&loop=1&autopause=0" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> 

But netflix.com and vimeo itself has an autoplay video on the homepage, which works.

EDIT: Chrome version 66.0.3359.139 macOS High Sierra 10.13.4

Does anyone have an idea or answer?

Thanks!

like image 214
GoE Avatar asked May 08 '18 14:05

GoE


People also ask

Why is Vimeo not Autoplaying?

If your webpage has permission to autoplay but your video is still not playing, you may need to add the allow=autoplay parameter to the Vimeo iframe and any iframe in your webpage that the player is contained within.

How do I autoplay a video in iframe?

Allowing iframes to autoplay video content You should also note the need to use the allowfullscreen attribute in complement to the allow attribute in order to support browsers that do not support allow attribute. If you are using amp-iframe and autoplay you need to add allow="autoplay" to your amp-iframe element.

Does Vimeo work on Google Chrome?

Vimeo video playback is supported using these browsers: Chrome 30+ (has automatic updates)


2 Answers

Annotating the <iframe> with an allow attribute worked for me:

<iframe ... allow="autoplay; fullscreen"></iframe> 

It's called "Iframe delegation" and is described here: https://developers.google.com/web/updates/2017/09/autoplay-policy-changes.

like image 121
whatwhywhenandwho Avatar answered Sep 19 '22 13:09

whatwhywhenandwho


You need to add &muted=1 to the iFrame src path and you need to add the attribute allow="autoplay" to the iFrame. Now the Vimeo video starts automatically again in Chrome.

like image 25
Floris Avatar answered Sep 21 '22 13:09

Floris