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

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.

5 Community Answers

Ethan Feldman

JW Player Support Agent  
0 rated :

It looks like it is responsive, but your theme has some sort of a maximum width set as well.

o...

User  
0 rated :

Thanks for your quick reply. I guess I have to continue to troubleshoot.

Ethan Feldman

JW Player Support Agent  
0 rated :

Np. If you try a blank page + our responsive player, what happens?

o...

User  
0 rated :

It works perfectly on a blank page. It's only when embedded in the theme it fails. The theme developer claims that the problem is not with the theme so I'm stuck between a rock and a hard place.

Ethan Feldman

JW Player Support Agent  
0 rated :

I would try to comment out some of the theme’s css, I think part of it is clashing for sure.

This question has received the maximum number of answers.