Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

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.

1 Community Answers

Randy

JW Player Support Agent  
-1 rated :

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

This question has received the maximum number of answers.