player.js
player.js copied to clipboard
When embedding the player no volume control shown
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
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.
I'm also experiencing this issue. Is there any workaround?
You need to set autoplay=false
in order to have the volume control shown.
so it is by design that one cannot autoplay muted together with the volume control?
No idea, but it works for our project. Maybe a deep check in the lib code can help if you still experience the issue.
@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 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 volume icon is a part of a playbar. Checkout in your video setting if you have it enabled for your video.
@timbera after contacting Vimeo's support I got help with fixing this, and the issue was indeed that the mute control was not enabled.