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

Poster image tranparency jwplayer8

I have upgraded to the new jwplayer 8 and am pretty happy with the css skinning I can do.

But I cannot figure out how to turn down the opacity over my poster image, it’s to dark. Does ayone know the css for this?

1 Community Answers


JW Player Support Agent  
1 rated :

Hi there,

You should be able to adjust the opacity of the layer on top of the poster image with the background-color CSS property targeted at .jw-state-idle .jw-controls.

For example, if you would want to get rid of the opacity altogether:

.jw-state-idle .jw-controls {
  background-color: transparent !important;

If you just want to turn it down a little:

.jw-state-idle .jw-controls {
  background-color: rgba(0, 0, 0, 0.2) !important;

The default alpha value for the background-color is 0.4 so the second example above would cut that in half.

Thank you.

This question has received the maximum number of answers.