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

black overlay on the bottom of version 8


JWPlayer 8 now has a black/transparent overly at the bottom. how do I turn that off, dont like it at all.

7 Community Answers

Todd

JW Player Support Agent  
0 rated :

You will need a few lines of custom CSS on the page, but check out this code example:

http://qa.jwplayer.com/~abussey/demos/general/jw8-remove-gradient.html

j...

User  
0 rated :

is there anyway to add this to the cloud hosted version?

Todd

JW Player Support Agent  
0 rated :

He is using a cloud-hosted player on that page, isn’t he? All you should need is the custom CSS and that will be applied to the player classes whether the player is self-hosted or cloud-hosted.

j...

User  
0 rated :

Maybe I am doing something wrong but it doesn't work how ever I add it.

<script src="https://content.jwplatform.com/players/0SST7VQM-tqDaKFl2.js"></script>

<script>
.jw-state-idle .jw-controls,
.jw-controls-backdrop {
background: transparent !important;
}
</script>

Todd

JW Player Support Agent  
0 rated :

<style>, not <script>. And I would put it in the <head>:

bc.. <head>
<style>
.jw-state-idle .jw-controls, .jw-controls-backdrop {
background: transparent !important;
}</style> </head> <body> <script src="https://content.jwplatform.com/players/0SST7VQM-tqDaKFl2.js"></script></body>

j...

User  
0 rated :

Thank you very much. that works perfect now.

Todd

JW Player Support Agent  
0 rated :

You’re welcome. I am glad to hear it is working perfectly now.

I will mark this support case as closed, but certainly contact us again if you have any other support questions or concerns.

This question has received the maximum number of answers.