Vimeo Embedded Autoplay not working on Google Chrome
-
Hey there,
Can't get embedded videos from vimeo with autoplay/loop playning on Chrome (or anything Chrome based like MS Edge).
Set up a test side showing the problem here:
https://lrm.world/mercedes-benz-pride/
Here's my embed code:
<div style="padding:125% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/781480854?h=41db163613&badge=0&autopause=0&player_id=0&app_id=58479&autoplay=1&loop=1&controls=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Mercedes Benz Pride SH020 4/5"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>I'm puzzled by this problem. Right clicking on the video and selecting "Refresh frame" triggers the video to play.
-
Okay, nevermind. After 1 day of frustration I finally found the solution right after posting this topic here.
Adding the followiing after the vimeo url finally solved the issue.
&muted=1Autoplay videos can't have sound, which makes sense. The thing is i that i deleted the audio track of the videos for that reason, but even tho the video didn't have an audio track this control tag is still necessary for it to autoplay in chromium browsers.
-
oh
yea videos cant autoplay without being muted, thats for any video not just vimeo
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it
