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

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.

12 Community Answers

Ethan Feldman

JW Player Support Agent  
0 rated :

F4M is a specific type of streaming (HDS). HTML5 natively does not support it.

jason.drane

User  
0 rated :

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>

Ethan Feldman

JW Player Support Agent  
0 rated :

F4M is not supported in the player natively. Why not just m3u8 for everything?

jason.drane

User  
0 rated :

If you can point me in the direction of m3u8 for everything, I wouldn't be opposed to it?

Ethan Feldman

JW Player Support Agent  
0 rated :

http://support.jwplayer.com/customer/portal/articles/1430240-hls-adaptive-streaming

jason.drane

User  
0 rated :

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>

Ethan Feldman

JW Player Support Agent  
0 rated :

Where is this running?

jason.drane

User  
0 rated :

http://www.swfwmd.state.fl.us/permits/erp/

Ethan Feldman

JW Player Support Agent  
0 rated :

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”,

jason.drane

User  
0 rated :

That worked thank you!

jason.drane

User  
0 rated :

Well almost....works in FF, IE8/9, Safari, iOs.....just not IE10

Ethan Feldman

JW Player Support Agent  
0 rated :

Np.

Hm, it works in IE10 for me.

This question has received the maximum number of answers.