My problem is that responsive scaling works incorrectly on Safari / iOS devices. The video doesn't fill the frame of the player, unlike the Flash version which loads on Firefox, etc. I have tried all values of the scaling attribute with no luck. As you can see from the link above, resizing the browser window makes the video proportionally smaller in its frame. How can I fix this?
The <video> tag approach works fine and scaling works as expected.
While I definitel want to fix the validation issues on the page, I don't think that's the source of the problem, as I see multiple references to this same issue in the knowledgebase (but no clear answer.)
The first thing I would do is create a blank html page with just the jw player on it, and see if you have the same issues. It might be an issue with the css in the html5 player clashing with your site’s css.
The blank page with the JW player works fine. There is clearly some sort of CSS conflict but it's not easy to see how to narrow down the suspects.
Digging into the document tree in Safari, the "span.jwvideo" element has the correct width (close to the whole window width) but its child, the video tag itself, has a tiny size, which is proportional to window size (the narrower the overall browser window, the smaller the video gets within the player.)
This question has received the maximum number of answers.