Ugly black borders on iPhone 5s

adam — May 13, 2015 11:30AM EDT

Hi,

after updating the plugin there are black borders above and below the player. How can I fix this?

– Oliver

10 Community Answers

Up Down

adam

User

May 13, 2015 12:09PM EDT 0 rated :

BTW: Not only on the iPhone but on a desktop broweser as well.

Up Down

MisterNeutron

User

May 13, 2015 01:05PM EDT 0 rated :

You'll have to give us a link to your site. There should not be "ugly black borders" unless you're specifying the player size incorrectly.

Up Down

Carolyn Ganon

JW Player Support Agent

May 13, 2015 01:41PM EDT 0 rated :

HI Oliver,

I responded to your email inquiry about this issue. Please send a link to the page where you player is embedded so I can help you troubleshoot this issue.

Up Down

adam

User

May 18, 2015 11:45AM EDT 0 rated :

Hi,

this is the link:

premium-weihnachtsmann.de

Up Down

Carolyn Ganon

JW Player Support Agent

May 18, 2015 01:22PM EDT 0 rated :

Hello,

The issue has to do with a min-width being set on the player in mobile view. I’ve sent more information to you via email.

Up Down

MisterNeutron

User

May 18, 2015 02:33PM EDT 0 rated :

Tough to sort out, but I'm seeing a min-height of 340px on the player, being applied inline (by jQuery, perhaps?). If I remove it (developer tools in the browser), the black bar at the top vanishes, and the video is properly sized and displayed.

Up Down

adam

User

May 19, 2015 06:25AM EDT 0 rated :

Hi,

thanks, MisterNeutron and Carolyn! I am not a developer and therefore: Is this min-height 340px part of a JW player CSS setting that I can influence/delete somewhere? Or is this inserted by the WordPress theme?

Up Down

MisterNeutron

User

May 19, 2015 08:00AM EDT 0 rated :

I believe the min-height is being inserted by something external to JW Player. It's difficult to tell because you're forcing the responsive player into Flash mode, which is something I would never do. But when I set up a simple test case of a responsive player and set Flash as the primary, I'm not seeing a min-height attribute anywhere.

Up Down

adam

User

May 19, 2015 01:38PM EDT 0 rated :

Would you recommend HMTL5 as default rendering mode? I did not change it because Flash seemed to be default set by JW.

BTW: When changed to HTML5 the problem remained ... :-(

Up Down

adam

User

May 21, 2015 05:31AM EDT 0 rated :

The developer wrote that he inspected the code and said the CSS is added to the object element that is in the video embeded code. In other words: This height tag is added by JW player. Is this possible?

This question has received the maximum number of answers.