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

WP Plugin rendering playlists 100% in Safari/Safari Mobile and Chrome but not ie &FF


I am using the WP plugin to add Playlists in a Wordpress site that uses a responsive theme from Themetrust. In setting up the players for the playlists, I have chosen responsive sizing rather than fixed and have opted for html 5 as the primary rather than Flash. The Playlists embedded with the short codes in the content of the pages work beautifully in Safari and Chrome and also Mobile Safari, but they appear truncated in a small box in IE and Firefox with only a portion of the video selector tabs showing and and no window for the video itself.

Switching the primary preference on the playlist set up to Flash breaks the correct behaviour in the webkit browsers without relieving the problems in IE or FF. The loaded videos are all H264 & aac compliant .mp4 and are working in webkit browsers and seem to get close in other browsers where Flash fallback seems to be wrapping the videos.

I want to keep matters as plain vanilla as possible for the client so that he can add videos and edit playlists at will without needing to generate separate content to populate iFrames for example using FitVids for example.

I'm happy to add some extra CSS for him to see if we can force IE and FF - with or without Flash - to allow the playlists to display at 100% within the content div of the pages.

Any thoughts on what might be preventing the playlists from working cross browser?

You can see a playlist on the homepage: http://www.filmindustryrtalent.com

13 Community Answers

o...

User  
0 rated :

Apologies – the url is meant to be http://www.filmindustrytalent.com

Ethan Feldman

JW Player Support Agent  
0 rated :

Firefox can’t find the server at www.filmindustryrtalent.com.

Please advise.

o...

User  
0 rated :

Ethan – my mistyping – the url is http://www.filmindustrytalent.com. Could you have another look and let me know if you can see what might be going on.

Many thanks.

Ethan Feldman

JW Player Support Agent  
0 rated :

This seems to be working fine in FF for me and is responsive.

o...

User  
0 rated :

Can you also have a look at IE as the client is reporting problems that he can see and also that his clients are reporting to him?

Ethan Feldman

JW Player Support Agent  
0 rated :

Same in IE, it works fine. Do you have a screenshot of the issue that you are seeing?

o...

User  
0 rated :

Also can you confirm that Firefox is happily wrapping the mp4s in Flash to manage display. I have read the literature on advising users users to clear FF caches if there is a display problem. I just want to be able to explain as much as possible if they experience difficulties. I was also puzzled by the breakdown of webkit browsers - Chrome and Safari - if Primary was set to Flash rather than html5. Many thanks.

o...

User  
0 rated :

I have an example from IE 8 which is rather similar to other problems that have been described to me, but how do I upload the screenshot?

Also, I have just updated Firefox on this mac and installed the latest version of Flash and I am not yet seeing anything of the playlist on the home page other than the space left for it. Any thoughts? Is this the problem of files needing to be reprocessed to make sure all the relevant information is loaded from the start of the file. I can find your links to this solution, but I don't understand why webkit would remain so responsive, unless its the Flash fallback versus html5 primary issue.

Ethan Feldman

JW Player Support Agent  
0 rated :

Yes, it is playing fine and the playlist show up.

You can upload images on imgur.com

onlyconnect

User  
0 rated :

Hi Ethan. Thanks for the thought about imgur.com. I have loaded two screen grabs on there. The first one:
http://imgur.com/evPOCpg
shows this non 100% truncation on the home page in IE8 running on XP SP3 via Parallels. Here the truncation seems to be occurring because the player is set to html5 as the primary and Flash fallback doesn't seem to be handling display.
The second one:
http://imgur.com/tvkIrRF
shows similar truncation with a test player set to Flash as the primary when viewed in Chrome on OSX 10.7.5. I also see similar results in Safari in OSX 10.7.5 with Click to Flash in play. You can see the test page here:
http://www.filmindustrytalent.com/sample-page/
I'm also still having difficulty with FF 29, caches cleared and the latest version of Flash on the home page, where nothing shows up on the home page play list. Furthermore nothing shows up on the Sample page where the test player has been set to Flash as Primary.
So I'm still wondering about the non 100% truncations, and what I think is a separate issue on Firefox where I wonder if it might be the Atom at the wrong end of the mp4 file - evidencing itself in FF, but not presenting a problem in webkit or IE with Flash fallback.
Any thoughts gratefully received.

Ethan Feldman

JW Player Support Agent  
0 rated :

Ok, the top player is definitely too small, but the other one further down the page looks totally fine?

onlyconnect

User  
0 rated :

Hi Ethan - strange isn't it. The only difference between the two players is that the top test one is set to Flash as Primary where the other one is set to HTML5 as Primary. Both are otherwise set to Responsive 16:9 and both have a bottom dimension allowing allowing 90 pixels per included video for the playlist components.

In Firefox 29 on the Mac Pro running 10.7.5 I can see neither the upper Playlist with a player set to Flash as Primary, nor the lower playlist with three rather than four videos that is in a player set to HTML5 as Primary.

I have also been testing the home page in both IE 11 and the latest version of Chrome on a Windows 7 Dell laptop and on both browsers the JW Players set to HTML5 as primary behaved impeccably. Unfortunately Firefox had not been loaded on this machine for me to test.

Any thoughts as to why switching Primary to Flash breaks things so. Also, have you any thoughts on why IE using Flash on a PC seems to be able to cope, but Firefox 29 in my version of Mac OSX 10.7.5 might be failing?

Many thanks, Simon.

Ethan Feldman

JW Player Support Agent  
0 rated :

What happens if you test out with a different theme?

This question has received the maximum number of answers.