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

jwplayer black bar issue on iphone


On the iPhone, the preview image seems to jump to the right leaving a black bar on the left of the player window. This only seems to happen when the sharing plugin is enabled.

The link below has two videos - the first without sharing which seems to be fine and the second with sharing which has the black bar issue:

http://jwplayer.undercon.co.uk/test.aspx

A screenshot of what it looks like can be found here:
http://jwplayer.undercon.co.uk/photo.png

Can you please confirm if this is a bug / when it might be fixed?


Cheers

Tim

5 Community Answers

Ethan Feldman

JW Player Support Agent  
0 rated :

Have you tried to do the following?

- Test without your custom skin.
- Test without your custom embed mechanism, and trying just a basic setup.

support

User  
0 rated :

Yes I've tried without skin / custom embed and the issue doesn't occur. It seems to only happen when the player is rendered inside a responsive iframe? The code in the iframe is pretty standard - not sure if you have any further suggestions or could log this as a bug? As mentioned previously this only happens when the sharing control is enabled.

The iframe source is here if that helps:

http://barclaysmedia.undercon.co.uk/player/?id=160327-1143387&enablesharing=y

Ethan Feldman

JW Player Support Agent  
0 rated :

Try with a responsive iframe – without your skin / custom embed, the player works fine in responsive iframes.

support

User  
0 rated :

Ok, I've done that on the URL below...

http://jwplayer.undercon.co.uk/test2.aspx

If you try load the page on iPhone portrait you'll see the black bar on the left.

Ethan Feldman

JW Player Support Agent  
0 rated :

Instead of using this in your iframe:

width: getiFrameWidth(),
height: getiFrameHeight(),

You should use:

width:“100%”,
aspectratio:“16:9”,

This question has received the maximum number of answers.