Player.js: Autoplay videos now remove user control of volume

[MarkWebDev]

Expected Behavior

Due to policy changes eg: https://developers.google.com/web/updates/2017/09/autoplay-policy-changes we can't have a video autoplay on mobile with sound. Thats great, however we do want to autoplay a video and still allow the user to enable sound if they want to, I don't think this is possible with VIMEO Js API currently.

Ideal Fix: Unmute button to appear to for autoplay videos on touch devices that have had the sound set to 0 in the normal vimeo controls bar.

Actual Behavior

Have to add a new DOM element as an unmute button that enables the audio via the Vimeo JS API.

Steps to Reproduce

I created a CodePen to illustrate the issue. Notice you cannot use the device volume keys until we re-set the volume using the api using the button (view on tablet or mobile): CodePen

I have also tried the only other approach I could see of using the '?muted=1' URI parameter/player option. This also has the same issue see here (view on mobile/tablet): CodePen

---

Note: Firefox release 66 is adding more user control for videos with sound

[jepperaskdk]

Any news on this problem? I'm facing this as well.

[satuk]

+1

[bsullins]

Same issue here, I actually call out to the user to unmute and just realized they cannot

[backslashr]

Facing this issue on mobile as well. I need the video to be auto-played and while the users can unmute the video on desktop, the unmute/volume control on mobile isn't present.

[moltoFreund]

Same here, but volume control is enabled in fullscreen mode. Can someone else confirm?

[kujain]

I am facing the same issue - and looks like its been for a while now! How can a user turn on the sound on an autoplaying video on mobile? For me, it's happening on Android devices only - iOS devices seem to be OK and show the volume control button in the bar.

Vimeo support, while not being at all helpful, mentioned that the button might have been removed due to reduced width on mobiles, but I tested in landscape and the same issue there.

Is there any update on this? Thanks!!

[MatteoGamberini]

Has anyone solved the issue?

[zxlin]

@luwes Can Vimeo please add back the volume control to the embedded player. This is inconsistent with the stated help docs: https://vimeo.zendesk.com/hc/en-us/articles/224972808-Customizing-the-embedded-player#small where volume controls should be enabled by default.

[aphetor-dev]

Really need a solution to this

[luwes]

sorry for the delay on this issue. we're actively looking into a way to unmute easily on devices with hardware volume controls and without the volume button. these devices don't support setting the software video.volume property.

[zxlin]

@luwes gfycat seems to have some form of implementation for that. there's an "unmute" button on the top right on a mobile browser and that'll unmute the video, perhaps taking a look at how they're achieving this?

example link: https://gfycat.com/blackandwhiteslushyflatfish (see 👇)

[zxlin]

I'm glad my reddit browsing skills are coming in handy :)

Please let us know if there's anything we can help happy to take a look at some code or help with testing.

[mr-upgr8d]

Hi,
Wistia has this functionality that includes a blinking speaker at the top right of the auto-playing video. This works across all browsers and devices.

[luwes]

this was released yesterday for muted autoplaying videos on iOS and Android 🎉
please let me know if you have any more feedback.

[MarkHTML]

Thanks @luwes. However I am unable to see this working.

Testing the first code pen I get the following results, can you confirm?

Touch Device: Sony Android Chrome version 85.0.4183.81
Result: I see the "TAP TO UNMUTE" button but tapping does not appear to do have an event attached so the button remains and the video is still muted.

Touch Device: iPad Pro iOS 13.6 Safari
Result: No "TAP TO UNMUTE" button or volume control so the video remains muted.

[luwes]

unfortunately iPad pro is categorized as a desktop, at least that is the default user agent it will use. I believe it can be changed by the user in the settings. https://stackoverflow.com/questions/56578799/tell-ipados-from-macos-on-the-web

not sure about the Sony Android, did you try clearing the cookies?
the tap to unmute will set muted to false but if the previous set volume was zero it will still be silent. can you try increasing the volume with the hardware controls?

[kujain]

Has this issue been resolved? I am still seeing this happening on mobile:

There's still no volume control or a way to unmute by the user. This is happening as before on iOS and Android devices for me.
I am using the latest player js (v2.15). Please do provide an update since it has been 2 years (!!) since this rather severe issue was reported.

[jamiolee]

Has this issue been resolved? I am still seeing this happening on mobile:

There's still no volume control or a way to unmute by the user. This is happening as before on iOS and Android devices for me.
I am using the latest player js (v2.15). Please do provide an update since it has been 2 years (!!) since this rather severe issue was reported.

I am having this exact same issue with embedded videos. The volume control slider is displaying on desktop but not on mobile devices.

[OhligerJ]

I am using https://www.npmjs.com/package/vue-vimeo-player and noticed a related issue. Hitting TAP TO UNMUTE triggers three separate volumechanged events. Fine, I just check that volume is 0 before calling the unmute function.

Where the problem lies is that even after unmuting, the TAP TO UNMUTE button remains. The viewer volume does change, but it would be nice if a user didn't have a button in all caps telling them to tap to unmute when the volume is anything above zero. The codepen MarkHTML mentions has the same issue; even after unmuting the video, the TAP TO UNMUTE button remains