I have a web site developed with video player made with plyr and everything works fine for every browser except safari from IOS because it does not show volume button. the following Html code is for player:
<video muted class="videoplayer onPouse" poster="{{@$item->postThumbnail->url}}" playsinline >
<source src="{{asset($item->video)}}" type="video/mp4">
</video>
And here is my script:
player = Plyr.setup(currentPlayer, {
controls: ['play-large', 'play', 'mute', 'progress', 'volume'],
volume: 1,
fullscreen: {
enabled: false
}
});
The weird thing is that this volume button does not exist on their official (plyr). Can someone help me?