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

Player controls are not visible on mobile devices

Hi,

We have an issue while using JWPlayer 6.12.
Sometimes we cannot see the player controls on mobile devices (ipad, galaxy tab 2), even using the same video.
Video playing is working fine.

Here are the screenshot (galaxy tab 2; android 4.1.2; chrome for android version 46): http://s4.postimg.org/icaa0cw65/Screenshot_2015_12_03_11_43_48.png
This is the sample video used: http://s000.tinyupload.com/index.php?file_id=14072202277104897774

We have tested the following:
1. Uploaded the same video a few times, some uploads show the controls some don't.
2. Changing screen rotation doesn't affect
3. Changing the skins doesn't affect

JWPlayer's androidhls is set to true, mobile devices are using html player.

There is no error or warning shown in chrome dev tool's console or network.


Any solution/suggestions to this issue?

Thanks!

2 Community Answers

Up Down

Alex

JW Player Support Agent  
0 rated :

Hi, there.

My name is Alex and I am one of the Support Engineers at JW Player. I will be more than happy to assist you with your questions.

Is there any way you can provide a link to the page where you have the content embedded? I can create a test page with your MP4, but I want to make sure we are reproducing the same conditions in which you are experiencing this issue.

Also, have you tried this with JW Player 7 yet?

Please let me know. Thanks!

Up Down

nfogg

User  
1 rated :

Hi Alex,

Thanks for your support via email.

Just leaving the solution here for other users.

The issue is the naming of the div element, id shouldn't be started with numbers.

<div id="79710433-4345-4531-8f25-5f23ba87ca2d"></div>

This div will not display the player controls. I think this might be something to do with CSS, ref: https://css-tricks.com/ids-cannot-start-with-a-number/

This question has received the maximum number of answers.