<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>The End Player Test</title>
<link rel="stylesheet" href="static/res/css/style.css">
</head>
<body bgcolor="#000000">
<section id="main">
<div id="videos">
</div>
<div id="controls">
<input id="playButton" type="image" src="static/res/img/ctrlplay.jpg"
onMouseOver="this.src='static/res/img/ctrlplayover.jpg'"
onMouseOut="this.src='static/res/img/ctrlplay.jpg'"
onClick="incPlayer.ctrlPlay(this);"
>
<input type="image" src="static/res/img/ctrlback.jpg"
onMouseOver="this.src='static/res/img/ctrlbackover.jpg'"
onMouseOut="this.src='static/res/img/ctrlback.jpg'"
onClick="incPlayer.ctrlBackward(this);"
>
<input type="image" src="static/res/img/ctrlnext.jpg"
onMouseOver="this.src='static/res/img/ctrlnextover.jpg'"
onMouseOut="this.src='static/res/img/ctrlnext.jpg'"
onClick="incPlayer.ctrlForward(this);"
>
<input type="image" src="static/res/img/ctrlfullscreen.jpg"
onMouseOver="this.src='static/res/img/ctrlfullscreenover.jpg'"
onMouseOut="this.src='static/res/img/ctrlfullscreen.jpg'"
onClick="incPlayer.ctrlFullScreen(this);"
>
<input type="image" src="static/res/img/ctrlhd.jpg"
onMouseOver="this.src='static/res/img/ctrlhdover.jpg'"
onMouseOut="this.src='static/res/img/ctrlhd.jpg'"
onClick="incPlayer.ctrlHd(this);"
>
</div>
</section>
<script src="static/res/js/popcorn-complete.js"></script>
<script src="static/res/js/popcorn.sequence.js"></script>
<script src="static/res/js/jquery-1.8.2.min.js"></script>
<script src="static/res/js/incplayer.js"></script>
<script>
$(function() {
if (incPlayer.init("videos", "#playButton", "static/res/json/sequences.json", true)) {
incPlayer.createPopSequence();
}
});
</script>
</body>
</html>