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

jw7 player - audio only playlist, not showing playlist button on small devices


Hello,

Any CSS fix? jw7 player - with audio only playlist. The playlist button not showing up on small devices, ex phones, even when touched. Only the play button, slider, and full screen button. Thank you.

5 Community Answers

Randy

JW Player Support Agent  
0 rated :

Hello,

I do actually see the Playlist Icon on a standard Android device when playing a video and it is responsive. You could however tap into the CSS of the player skin and potentially decrease the size of the font to make the letters smaller for example: http://support.jwplayer.com/customer/portal/articles/2067702-skin-xml-reference .

Kindly,

Randy Le’Moine, Web Support Engineer, JW Player
www.jwplayer.com

Andrew

JW Player Support Agent  
0 rated :

Hi,

You can potentially remove the .jw-flag-compact-player flag on the player to get it to render in standard UI mode. We’re working on some additional enhancements for small UI mode, and this is definitely one that we wish to address.

vdr N/A

User  
0 rated :

Hello Andrew,

I tried removing the .jw-flag-compact-player by completely removing this entry, but it did nothing:

-webkit-font-smoothing: antialiased;
font-style: normal;
font-weight: normal;
text-transform: none;
background-color: transparent;
font-variant: normal;
-webkit-font-feature-settings: "liga";
-moz-font-feature-settings: "liga=1";
-moz-font-feature-settings: "liga";
-ms-font-feature-settings: "liga" 1;
-o-font-feature-settings: "liga";
font-feature-settings: "liga";
-moz-osx-font-smoothing: grayscale
}

I tried adding this to css, but it removed the player on small devices:

.jw-flag-compact-player {display: none;}

Please tell me what is missing / wrong. I cannot use jwplayer with an audio playlist if it does not work on small devices.

Thank you for your help.


vdr N/A

User  
0 rated :

I was able to turn on the playlist with css for small devices with jw-flag-compact-player, however, it's on the far left and underneath the play button, and the beginning of the playlist items are cut off.

Please tell me the css command to turn off the compact player, it does not seem to work right. Or is there a css command to only take effect if the browser is only 1px wide, for example, so it never takes effect?

I also think your documentation needs to be improved greatly.

vdr N/A

User  
0 rated :

I added padding to the front of the text in the playlist for small devices and now it works. This is not an ideal solution with the playlist button below the play button on the controlbar. I would prefer for it to stay in the same spot as in larger devices next to the play button. I had to add many custom css settings to get it to work on small devices. Probably better to just turn off your small device function until it's improved. Thank you.

This question has received the maximum number of answers.