Flowplayer HLS Error
JS HLS Plugin 6.0.5 Unload Error
HTML
<link rel="stylesheet" href="//releases.flowplayer.org/6.0.5/skin/functional.css">
<script src="https://releases.flowplayer.org/6.0.5/flowplayer.min.js"></script>
<script src="//releases.flowplayer.org/hlsjs/flowplayer.hlsjs.min.js"></script>
<div id="player" class="flowplayer" style="border: 1px solid #000; width: 640px; height: 320px;">
<video controls></video>
</div>
<br><br><br><br>
<button type="button" id="load-video">Load Video</button>
JavaScript
var playerElement = document.getElementById("player");
var loadNewVideoElement = document.getElementById("load-video");
var sources = [
//non-working source
{
type: "application/x-mpegurl",
src: "http://209.97.161.100:8080/hls/psport2.m3u8"
},
];
var player = flowplayer( playerElement, {
splash: true,
clip: {
sources: sources
}
} );
loadNewVideoElement.addEventListener("click", setupNewSource, false );
function setupNewSource(){
console.log("Setting up new clip sources");
sources = [
//working source ( 2016-06-20 / http://demos.flowplayer.org/api/hlsjs.html )
{
type: "application/x-mpegurl",
src: "//cdn.flowplayer.org/202777/84049-bauhaus.m3u8"
},
];
player.unload();
player.load( sources );
}