
f4m jwplayer 6 pro, works inf FF, IE NOT Safari, iOs
http://www.watermatters.org/permits/erp/
there is a video on this page, works in FF 30, IE 8+, just not Safari or iOs. Any ideas as to way will be appreciated.
http://www.watermatters.org/permits/erp/
there is a video on this page, works in FF 30, IE 8+, just not Safari or iOs. Any ideas as to way will be appreciated.
F4M is a specific type of streaming (HDS). HTML5 natively does not support it.
I have a fall back to m3u8 but not playing
<!-- START OF THE PLAYER EMBEDDING TO COPY-PASTE -->
<div id="mediaplayer">Sorry, but at this time, Adobe Flash must be installed to view this video.</div>
<!--<div class="video-wrapper" >-->
<div class="video-container">
<script type="text/javascript" src="/video/jwplayer.js?v=23"></script>
<script type="text/javascript">jwplayer.key="KEY HERE";</script>
<script type="text/javascript">
jwplayer("mediaplayer").setup({
flashplayer: "/video/jwplayer.flash.swf",
image: "/video/govboard.jpg",
screencolor: "000000",
//skin: "skins/newtubedark2.zip",
stretching: "uniform",
width: "100%",
height: "100%",
autostart: "true",
skin: "/video/skins/beelden.xml",
playlist: [{
sources: [
{
// Mobile
file:"http://watermatters-vh.akamaihd.net/i/epermitting_ov_06-14.mp4/master.m3u8"
},{
// Desktop
file:"http://watermatters-vh.akamaihd.net/z/epermitting_ov_06-14.mp4/manifest.f4m"
}
]
}]
});
</script>
</div>
F4M is not supported in the player natively. Why not just m3u8 for everything?
If you can point me in the direction of m3u8 for everything, I wouldn't be opposed to it?
http://support.jwplayer.com/customer/portal/articles/1430240-hls-adaptive-streaming
So using this based on your link, it works however not in safari or ipad
<div class="video-container">
<script type="text/javascript" src="<?=SITE_ROOT?>video/jwplayer.js"></script>
<script type="text/javascript">jwplayer.key="KEYHERE";</script>
<script type="text/javascript">
jwplayer("mediaplayer").setup({
image: "<?=SITE_ROOT?>video/govboard.jpg",
screencolor: "000000",
stretching: "uniform",
width: "100%",
height: "100%",
autostart: "true",
skin: "<?=SITE_ROOT?>video/skins/beelden.xml",
file:"http://watermatters-vh.akamaihd.net/i/epermitting_ov_06-14.mp4/master.m3u8"
});
</script>
</div>
Where is this running?
http://www.swfwmd.state.fl.us/permits/erp/
The issue is that you are using:
width: “100%”,
height: “100%”,
This will not work for html5, and it should be this instead:
width: “100%”,
aspectratio: “16:9”,
That worked thank you!
Well almost....works in FF, IE8/9, Safari, iOs.....just not IE10
Np.
Hm, it works in IE10 for me.