Plyr: Muting doesn't work for Vimeo videos in Chrome.

Created on 3 Jul 2018  路  4Comments  路  Source: sampotts/plyr

Expected behaviour

To be able to add the muted: true property to the Plyr constructor and the video to be muted.

Actual behaviour

Video plays with sounds in Chrome.

  • Browser: Chrome
  • Version: 67.0.3396.99
  • Operating System: MacOS
  • Version: 10.13.3

Steps to reproduce

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: [] });

Bug Help Wanted

Most helpful comment

A temporary workaround, after initializing your plyr instance, do plyr.muted = true. This way it works

All 4 comments

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.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

onigetoc picture onigetoc  路  3Comments

ahmadshc picture ahmadshc  路  3Comments

Zsavajji picture Zsavajji  路  3Comments

tomByrer picture tomByrer  路  3Comments

Lycanthrope picture Lycanthrope  路  4Comments