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