To be able to add the muted: true property to the Plyr constructor and the video to be muted.
Video plays with sounds in Chrome.
Create a div with provider set to vimeo and pass through the vimeo video id with data-plyr-embed-id.
Instantiate the video with
var hero_video = new Plyr('#hero_player_plyr', {
autoplay: true,
muted: true,
volume: 0,
controls: []
});
It could be related to this:
https://github.com/sampotts/plyr/blob/master/src/js/plugins/vimeo.js#L93
But I'm guessing more likely to this:
https://github.com/sampotts/plyr/blob/master/src/js/plugins/vimeo.js#L194-L204.
If it's the latter, it shouldn't be hard to fix. Adding an extra condition to line 201 to check !player.muted should do it.
I have to focus on other things right now so help is wanted.
A temporary workaround, after initializing your plyr instance, do plyr.muted = true. This way it works
The settings works as intended if you have storage disabled as the user options get stored in the browser.
Hi having the same issue: unable to mute vimeo video in both chrome and firefox. Tried to set muted=1 (or true) with data-plyr-config attribute, during initialization, after inizialization and in vimeo link: none of the methods worked.
Most helpful comment
A temporary workaround, after initializing your plyr instance, do
plyr.muted = true. This way it works