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

Multiple Formats Turn to Two on Mobile

Looking at your guide on multiple formats;

If there are 3 or more file qualities and the viewer is on a mobile device, JW Player will still toggle only between the first 2 qualities. This to keep the interface easy to use with Touch controls.

Isn't this backwards? Since the higher quality formats are listed first (so they are on top, like YouTube and every other player), would this mean that mobile would only play that top two resolutions instead of the bottom 2 resolutions (it should be doing the bottom 2).

Is it possible to get mobile to use the lower resolutions and not the top resolutions? It looks odd when you mouse over HD and see the lowest resolution on top.

Cheers
Ryan

13 Community Answers

Up Down

George

JW Player Support Agent  
0 rated :

Hello Ryan,

Please send me a test page replicating the issue as described in the document below:
https://support.jwplayer.com/customer/portal/articles/2186238-troubleshooting-%E2%80%94-creating-a-test-page

Up Down

c...

User  
0 rated :

http://www.traileraddict.com/util/test-trailer.php

4 formats. I have the smallest format first, but would love to have it list the other way. But the other way means mobile will only select from the top largest sizes.

Up Down

George

JW Player Support Agent  
0 rated :

The sequence being defined in the config is how it will appear on the HD dropdown.
http://qa.jwplayer.com.s3.amazonaws.com/~george/mp4_multisource.html

You can check if the player is on mobile and resetup from the on(‘ready’) event listener.
jwplayer().on(‘ready’,function(){
if(jwplayer().utils.isMobile()){
// Setup anyhow you like
}
});

Up Down

c...

User  
0 rated :

Perfect, so would it be..?

if(jwplayer().utils.isMobile()){
sources: [] //for mobile
} else {
sources:[] //for desktop
}

Up Down

George

JW Player Support Agent  
0 rated :

Yes, but you’d have to call load or setup to make that take effect.

Up Down

c...

User  
0 rated :

I think I'm missing something. Player isn't creating itself.

playerInstance.setup({
if(playerInstance.utils.isMobile()){
sources: [{
file: '',
label:'1920p'
},{
file: '',
label:'1280p'
},{
file: '',
label:'960p'
},{
file: '',
label:'640p'
}]
} else {
sources: [{
file: '',
label:'640p'
},{
file: '',
label:'960p'
},{
file: '',
label:'1280p'
},{
file: '',
label:'1920p'
}]
}
,
key: '{keyhere}'
,image: 'https://cdn.traileraddict.com/vidquad/pixar-disney/cars-3-poster/1.jpg'


Cheers!
Ryan

Up Down

George

JW Player Support Agent  
0 rated :

jwplayer().setup({
source:[{
file:""
},{
file:""
}]
});

Up Down

c...

User  
0 rated :

Think I'm missing something still. Okay, so I didn't show the rest of my code, but I'm definitely closing the brackets with }); at the end.

Here is the entire code setup, with the "x" showing where the JS error begins:

http://www.traileraddict.com/jwscreen.jpg

Up Down

George

JW Player Support Agent  
0 rated :

You want something like this:
http://qa.jwplayer.com.s3.amazonaws.com/~george/mp4_multisource.html

Up Down

c...

User  
0 rated :

Got it working. Thanks.

Up Down

George

JW Player Support Agent  
0 rated :

Anytime

Up Down

c...

User  
0 rated :

Since related to this, I have a quick follow up question.

My iphone 7 plus is being presented format options, instead of being limited to only the first two. So when I push on HD button it creates a pop up menu of options that doesn't fit on the screen.

Up Down

George

JW Player Support Agent  
0 rated :

Try this:
http://qa.jwplayer.com.s3.amazonaws.com/~george/many_captions.html

The magic is here:
.jw-menu {
height: 120px !important;
overflow: scroll !important;
}

This question has received the maximum number of answers.