Self-hiosted: Win 7/IE11; ios 6; ios7
I'm using jwplayer-7.1.4 (self-hosted) and attempting to embed a video (.mp4) on a page.
The page in which I've embedded the video plays fine on Windows 10, Windows 8.1, and Windows 8 using the most recent versions of Internet Explorer, Firefox and Chrome. The same page also plays fine when using the most recent versions of Safari, Firefox and Chrome on OS X, including El Capitan, Yosemite, Mavericks and Mountain Lion. The page also plays fine on ios 9 and ios 8.3.
However, I'm experiencing the following issues:
- The video does not play on Windows 7 using Internet Explorer 11. I receive the error message, "Error loading media: File could not be played." I've verified that "Compatibility View" in IE is turned off. I also attempted to play the video with "Campatibility View" turned on but the video does not play regardless of that setting.
- The video does not play on ios 6 or ios 7. On iPads using those system versions, I receive the error, ""Error loading media: File could not be played." On iPhones using those system versions, I simply see a black box where the video should appear.
Am I correct in assuming that the configurations I've listed above are not supported?
http://support.jwplayer.com/customer/en/portal/articles/1403653-browser-device-reference
Additional notes:
When NOT using jwplayer (i.e., accessing the .mp4 directly), the video plays fine on ALL devices. I've also confirmed that the video format and compression are correct as documented at: http://support.jwplayer.com/customer/portal/articles/1403635-media-format-reference
Per your documentation, I've included the following in the HEAD section of the page:
<script type="text/javascript" src="jwplayer/jwplayer.js"></script>
<script>jwplayer.key="my-player-key-appears-here";</script>
Here's the setup:
<div id="myElement">Loading the player...</div>
<script type="text/javascript">
var playerInstance = jwplayer("myElement");
playerInstance.setup({
file: "videos/name-of-video-file.mp4",
autostart: true,
controls: true,
width: "100%",
aspectratio: "16:9",
stretching: "fill"
});
</script>
The page on which I'm attempting to embed the video is password-protected. Because of that, I'm unable to provide a URL. However, it's worth noting that removing the password protection for the page makes no difference.
Thanks for any assistance.
