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

Box Shadow on Responsive JW Player in Wordpress Embed


Hi guys,

I have the JW Player plugin (v. 2.1.13) installed in the latest WP (Hueman theme) release. I am using the responsive embed (16:9) in the center column which of course embeds automatically at 100% width of the container.

I am trying to add a box-shadow around the player and can only get it to work on the top/bottom sides. Right/left sides do not appear I assume because of the 100% width of the embed in the container.

Is there a way to still maintain the responsiveness (16:9) and get the box shadow working all around?

3 Community Answers

catherine

User  
0 rated :

Forgot to add, I embed videos using the generated shortcode the plugin generates while trying to style the css on .jwplayer class

MisterNeutron

User  
0 rated :

Maybe add your box-shadow to the container, rather than to the player div itself?

catherine

User  
0 rated :

Got it working finally. What I did was wrap the player shortcode generated after a video with an extra div and then styled both that and the .jwplayer class. Here is the css and code:

<div class="vshadow">[jwplayer shortcode]</div>

.vshadow {
width: 98%; margin: 0px auto;
}

.jwplayer {
box-shadow: 0px 0px 4px #ccc;
-webkit-box-shadow: 0px 0px 4px #ccc;
-moz-box-shadow: 0px 0px 4px #ccc;
}

This question has received the maximum number of answers.