Using single line (signed URL) embed on Joomla site fails to load playlist correctly on Safari/Firef
Hello,
When my site (http://medicalemergencies.bppstaging.com) loads the players on Safari or Firefox, the playlist displays are broken but all works well on Chrome & IE. Sometimes, upon reloading the page, the playlist may work fine for one or two of the players but not all. Then, if I clear the cache and view the page again, the playlist display goes back to not working again. I developed a simple test page for JW Player support and could not repeat the problem so there is definitely something weird going on with the Joomla code and how the JW Player is rendered in Safari or Firefox.
I investigated to find that the jw-breakpoint-x class is missing from the player <div>;
ON SAFARI
<div id="botr_zOX6xu92_9JYRohiH_div" class="jwplayer jw-reset jw-state-idle jw-skin-seven jw-stretch-uniform jw-flag-aspect-mode jw-flag-user-inactive" tabindex="0" aria-label="Video Player" style="width: 100%;">
ON CHROME - see jw-breakpoint-6 has been automatically added to the <div>
<div id="botr_zOX6xu92_9JYRohiH_div" class="jwplayer jw-reset jw-state-idle jw-skin-seven jw-stretch-uniform jw-flag-aspect-mode jw-breakpoint-6 jw-flag-user-inactive" tabindex="0" aria-label="Video Player" style="width: 100%;">
I guess the JW javascript calculates the width of the player and adds the appropriate jw-breakpoint class to the player <div>, but I don't know enough about code to work out why this isn't working correclty in Safari/Firefox but is working fine in Chrome & IE.
If anyone out there can help, I would greatly appreciate it.
Thanks