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

Adding CSS Padding or Margin

I'm trying to add some padding or margin to the bottom of the player via CSS.
Seems like it should be straight forward but I'm not getting the results I was anticipating.

I added the CSS inline for testing purposes. Will move to a style sheet after

<div id="ABC" class="videoplayer" style="margin-bottom: 15 px">Yikes! Something went wrong. You should be seeing a video instead of this text.</div>
<script type='text/javascript'>...

What I *think* should happen is that their should be 15 pixels of space at the bottom of the player but nothing happens.

Am I either 1) not thinking this through correctly or 2) not doing it correctly all together?

Thank you

3 Community Answers


JW Player Support Agent  
1 rated :


Our player overwrites the CSS for the video div, so you’ll need to put your CSS into a wrapper div around the video div. And I also don’t think you can have a space between 15 and px. Try this:

<div id="wrapper" style="padding-bottom: 15px;"> <div id="video">Your video goes here…</div> </div>


0 rated :

Perfect! Thanks Todd.


JW Player Support Agent  
0 rated :

You’re welcome.

This question has received the maximum number of answers.