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

How to get the controlbar to show permanently under the video for jwplayer 7


When you search for this topic you get lots of results, most of them useless and many of them apply to version 6.

I can get the controlbar to show permanently with this css statement:

.jw-skin-seven .jw-controlbar{display:block !important;}

But it shows overlaid on the video. The only way I have been able to show it under the video is by increasing the height of the player by the double height of the controlbar. This results in a black bar at the top of the video, which does not look good. Is there a way to do this short of building your own controlbar (which is a lot of trouble for something that ought to be a standard option)?

I have tried using a negative bottom position or a negative bottom margin on the controlbar style, but it will not show outside of the player box. Putting "overflow: auto" or on the player div doesn't have any effect.

Any ideas anyone?

1 Community Answers

carlf66

Best Answer 

Problem solved. Instead of putting the overflow statement on the player div, you should do this:

.jwplayer{overflow:visible !important;}

and then you add "bottom:-40px" or whatever the height of your controlbar is to:

.jw-skin-seven .jw-controlbar{display:block !important;bottom:-40px;}

Voila.

carlf66

Best Answer  User  
1 rated :

Problem solved. Instead of putting the overflow statement on the player div, you should do this:

.jwplayer{overflow:visible !important;}

and then you add "bottom:-40px" or whatever the height of your controlbar is to:

.jw-skin-seven .jw-controlbar{display:block !important;bottom:-40px;}

Voila.

This question has received the maximum number of answers.