|
1 <!doctype html> |
|
2 <html lang="en"> |
|
3 <head> |
|
4 <meta charset="utf-8"> |
|
5 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" /> |
|
6 <meta name="apple-mobile-web-app-capable" content="yes" /> |
|
7 <title>The End Player Test</title> |
|
8 <link rel="stylesheet" href="static/res/css/style.css"> |
|
9 </head> |
|
10 <body bgcolor="#000000"> |
|
11 |
|
12 <section id="main"> |
|
13 |
|
14 <div id="videos"> |
|
15 </div> |
|
16 |
|
17 <div id="controls"> |
|
18 <input id="playButton" type="image" src="static/res/img/ctrlplay.jpg" |
|
19 onMouseOver="this.src='static/res/img/ctrlplayover.jpg'" |
|
20 onMouseOut="this.src='static/res/img/ctrlplay.jpg'" |
|
21 onClick="incPlayer.ctrlPlay(this);" |
|
22 > |
|
23 <input type="image" src="static/res/img/ctrlback.jpg" |
|
24 onMouseOver="this.src='static/res/img/ctrlbackover.jpg'" |
|
25 onMouseOut="this.src='static/res/img/ctrlback.jpg'" |
|
26 onClick="incPlayer.ctrlBackward(this);" |
|
27 > |
|
28 <input type="image" src="static/res/img/ctrlnext.jpg" |
|
29 onMouseOver="this.src='static/res/img/ctrlnextover.jpg'" |
|
30 onMouseOut="this.src='static/res/img/ctrlnext.jpg'" |
|
31 onClick="incPlayer.ctrlForward(this);" |
|
32 > |
|
33 <input type="image" src="static/res/img/ctrlfullscreen.jpg" |
|
34 onMouseOver="this.src='static/res/img/ctrlfullscreenover.jpg'" |
|
35 onMouseOut="this.src='static/res/img/ctrlfullscreen.jpg'" |
|
36 onClick="incPlayer.ctrlFullScreen(this);" |
|
37 > |
|
38 <input type="image" src="static/res/img/ctrlhd.jpg" |
|
39 onMouseOver="this.src='static/res/img/ctrlhdover.jpg'" |
|
40 onMouseOut="this.src='static/res/img/ctrlhd.jpg'" |
|
41 onClick="incPlayer.ctrlHd(this);" |
|
42 > |
|
43 </div> |
|
44 |
|
45 </section> |
|
46 |
|
47 <script src="static/res/js/popcorn-complete.js"></script> |
|
48 <script src="static/res/js/popcorn.sequence.js"></script> |
|
49 <script src="static/res/js/jquery-1.8.2.min.js"></script> |
|
50 <script src="static/res/js/incplayer.js"></script> |
|
51 <script> |
|
52 $(function() { |
|
53 if (incPlayer.init("videos", "#playButton", "static/res/json/sequences.json", true)) { |
|
54 incPlayer.createPopSequence(); |
|
55 } |
|
56 }); |
|
57 </script> |
|
58 </body> |
|
59 </html> |