how make a playlist with 2 or more live steaming and change between streamings
i i wanna make a player with 2 or more sources but all are live streaming like this content http://holapuertovallarta.com/webcam/streaming.html that will be one of them and we got 2 more of that still local so ....
wherever i wanna make a player displaying three of that videos how can i do that start playing one and after 5 minutes stop and load the next one
</style>
</head>
<body>
<div id="container">Loading Video…</div>
<script>
var hasStarted=false;
var lastCurrentTime=0;
var playerone = jwplayer("container");
playerone.setup({
playlist: [{
file: "http://162.244.81.194:1935/live/SistemaS2506/playlist.m3u8",
},{
file: "http://content.jwplatform.com/manifests/nJEIV3eJ.m3u8",
},{
file: "http://content.jwplatform.com/manifests/PxnoM5gE.m3u8",
}],
width:"80%",
aspectratio:"16:9",
visualplaylist:false,
// controls:false,
autostart:true
});
playerone.on("time",function(event){
// Change Text To Spanish
if(!hasStarted){
document.getElementsByClassName("jw-text-alt")[0].innerHTML="transmisión en vivo";
hasStarted=true;
}
// get current time, this fires 15 times a second
var currentTime = Math.round(event.position);
// setup lastcurrent time to get it to fire once a second
if(currentTime!=lastCurrentTime){
lastCurrentTime=currentTime;
console.log(lastCurrentTime+" time running");
}
// every 7 seconds switch playlist item
if(lastCurrentTime==7){
var playlistSize = playerone.getPlaylist().length;
var currentItem = playerone.getPlaylistIndex()+1;
playerone.playlistItem(currentItem%playlistSize);
console.log(currentItem%playlistSize+" item");
}
});
</script></body>
</html>