![](https://secure.gravatar.com/avatar/4ad502896ec5a3e18b645cb50bb3a510?rating=PG&size=50&default=https%3A%2F%2Fcdn.desk.com%2Fassets%2Funknown_user_50-8ad5644bbe6b1bd7454f2ea465f782bd.png)
How to display volume bar horizontally?
I wanna display the volume bar horizontally. I am using Jwplayer latest version.
Is that possible?
Or what other alternatives I have for displaying the volume bar? Please advice.
Thanks in advance.
I wanna display the volume bar horizontally. I am using Jwplayer latest version.
Is that possible?
Or what other alternatives I have for displaying the volume bar? Please advice.
Thanks in advance.
Hello Anahit,
A good place to start might be our Developer portal that talks about customizing the look and feel of the player skins: https://developer.jwplayer.com/jw-player/docs/developer-guide/customization/css-skinning/skins_reference/ . You can potentially tap into the ControlBar Right group and tweak the positioning/height/width, etc to your taste:
.jw-icon-volume This is class assigned to the div contains the volume icon. The player will automatically add a menu to the hover state of this div that contains the slider volume.
.jw-icon-volume .jw-off When the player is muted the .jw-off class gets added to toggle the volume off icon.
Randy