You are here

Twistage Solution

<!DOCTYPE html>
<html>
<head>
<title>ATF Testing</title>

<script type="text/javascript" src="http://api2.twistage.com/api/script"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

<script type="text/javascript">
var videos = [ "twist1", "twist2" ];

var current = -1;

function toggleVid() {
current += 1;

if( current >= videos.length )
current = 0;

console.log(videos[current]);

for( var i = 0; i < videos.length; i++ ) {
if( i == current )
$("#" + videos[i]).show();
else
$("#" + videos[i]).hide();
}
}
</script>
</head>
<body onload="toggleVid()">
<div id="twist1" style="width: 100%; height: 100%;">
<script type="text/javascript">
viewNode("c8ce64645c68a", { "autoplay": true, "server_detection": true, "width": 810, "height": 400, "player_profile": "default" });
</script>
</div>
<div id="twist2">
<script type="text/javascript">
viewNode("2dae68a04b5fb", { "autoplay": true, "server_detection": true, "width": 810, "height": 400, "player_profile": "default" });
</script>
</div>

<script type="text/javascript">
var flowplayer = new Object();
flowplayer.fireEvent = function(objectID, event, obj1, obj2) {
if( event == "onFinish" )
toggleVid();
}
</script>
</body>
</html>

code type: 
js