
Responsive embedding
I am trying to embed the JWPlayer inside an html theme using the following responsive settings: aspectratio: "16:9" width: "100%". It works beautifully in all major browsers, platforms, iPads, iPhones etc. that I have been able to test, except in Firefox for Mac. In Firefox for Mac the player loads to the far right instead of in the center. If I replace aspectratio: "16:9" with hight: "100%" or anything similar it works in Firefox but the movie inside the player is smaller and has black bars on the sides which is not acceptable. It seems like Firefox chokes on aspectratio: "16:9". Maybe it has to do with the fallback to Flash. I just can't figure it out. Am I doing something wrong with the code? BTW, there are no error messages or warnings in the Firefox console. Here is a link to my test site: http://ersgard.com/test. Click the About button on the left side and the JWPlayer swings into the center except in Firefox where it loads on the right side. To make sure I'm not dealing with an encoding issue I have linked the playlist to a JWPlayer video.