player.js icon indicating copy to clipboard operation
player.js copied to clipboard

When embedding the player no volume control shown

Open rleinfellner opened this issue 3 years ago • 9 comments

Expected Behavior

Player is embedded with &muted=1&autoplay=1&loop=1&autopause=0&controls=1

Player is quite small on screen, so it may not display the bar due to size issues, but it means we cannot unmute autoplay video

Actual Behavior

Play plays but no volume control visible, play bar is shown

Steps to Reproduce

Make a small play window and try to play

rleinfellner avatar Nov 21 '21 17:11 rleinfellner

I'm curious how you are getting autoplay to work with audio??? Most, if not all, major browsers will not autoplay a video if it has audio on.

eballeste avatar Dec 18 '21 16:12 eballeste

I'm also experiencing this issue. Is there any workaround?

stefanfisk avatar Apr 04 '22 08:04 stefanfisk

You need to set autoplay=false in order to have the volume control shown.

pablosproject avatar Apr 04 '22 09:04 pablosproject

so it is by design that one cannot autoplay muted together with the volume control?

stefanfisk avatar Apr 04 '22 10:04 stefanfisk

No idea, but it works for our project. Maybe a deep check in the lib code can help if you still experience the issue.

pablosproject avatar Apr 04 '22 11:04 pablosproject

@rleinfellner - In this instance, we would recommend that users use the up and down arrow keys to increase or decrease the volume. I'll pass along this feedback to our product team, though, as I recognize that this might not be intuitive for users.

@stefanfisk @pablosproject - We recommend that the muted=1 param be applied alongside autoplay=1, as different browsers handle autoplaying videos with sound differently. They may either automatically mute the video or prevent autoplay altogether. Our player defers to the browser in this situation.

rkrishnan8594 avatar Apr 04 '22 15:04 rkrishnan8594

@rkrishnan8594 I understand why autoplayed videos should be muted. But why is the volume control not rendered in this situation, and is there any way of enabling it?

stefanfisk avatar Apr 05 '22 05:04 stefanfisk

@stefanfisk volume icon is a part of a playbar. Checkout in your video setting if you have it enabled for your video.

timbera avatar Jun 07 '22 20:06 timbera

@timbera after contacting Vimeo's support I got help with fixing this, and the issue was indeed that the mute control was not enabled.

stefanfisk avatar Jun 08 '22 06:06 stefanfisk