
HLS + Fallback Progressive Download via HTML5
Hi,
I'm trying to setup a player that utilizes an HLS stream (which I'm currently using and works) but also has the option to load two fallback .mp4s if their on a mobile device that doesn't support HLS.
I know the m3u8 playlist and individual files work because I'm able to load it through the publish mode, however trying to combine these into one player is the goal.
Thanks in advance
Here is my code:
<div id="myElement">Loading the player...</div>
<script type="text/javascript">
var playerInstance = jwplayer("2wSLsUb1.js");
playerInstance.setup({
playlist: [{
image: "http://drcnqysx2qwcg.cloudfront.net/M01PatPreyPredator/hls_640Thumbs-00002.png",
sources: [{
file: "http://d3fk8fzsguno39.cloudfront.net/M01PatPreyPredator/M01PatPreyPredatorHLS.m3u8"
},{
file: "http://d3fk8fzsguno39.cloudfront.net/M01PatPreyPredator/320Fallback.mp4"
},{
file: "http://d3fk8fzsguno39.cloudfront.net/M01PatPreyPredator/360Fallback.mp4"
}]
}],
primary: "flash"
});
});
</script>