HLS + Fallback Progressive Download via HTML5

jlove — Sep 04, 2015 07:10PM EDT

---

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>