1 <!doctype html> |
1 <!DOCTYPE html> |
2 <html lang="en"> |
2 <html lang="fr"> |
3 <head> |
3 <head> |
4 <meta charset="utf-8"> |
4 <meta charset="utf-8"> |
5 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" /> |
5 <title>The End - @todo</title> |
6 <meta name="apple-mobile-web-app-capable" content="yes" /> |
6 <link rel="stylesheet" href="static/res/css/style.css" /> |
7 <title>The End Player Test</title> |
7 </head> |
8 <link rel="stylesheet" href="static/res/css/style2.css"> |
8 <body> |
9 </head> |
9 |
10 <body bgcolor="#000000"> |
10 <!-- Content Video + Controls --> |
|
11 <div id="playerContainer"> |
|
12 <!-- Video --> |
|
13 <div id="video"> |
|
14 </div> |
|
15 <!-- /Video --> |
|
16 |
|
17 <!-- Controls container --> |
|
18 <div id="controlContainer"> |
|
19 <div id="controlbar"> |
|
20 <button id="btnPlay" class="bnt" |
|
21 onClick="incPlayer.ctrlPlay(this);">Play/Pause</button><!-- |
|
22 |
|
23 --><button id="btnBck" class="bnt" |
|
24 onClick="incPlayer.ctrlBackward(this);">Back</button><!-- |
|
25 |
|
26 --><button id="btnFwd" class="bnt" |
|
27 onClick="incPlayer.ctrlForward(this);">Forward</button><!-- |
|
28 |
|
29 --><button id="btnFullScr" class="bnt" |
|
30 onClick="incPlayer.ctrlFullscreen(this);">FS</button><!-- |
|
31 |
|
32 --><button id="btnHD" class="bnt" |
|
33 onClick="incPlayer.ctrlHd(this);">HD</button> |
|
34 </div> |
|
35 </div> |
|
36 <!-- /Controlbar container --> |
11 |
37 |
12 <section id="main"> |
38 <br><br> |
|
39 <font id="message" size="9" color="ffffff">void</font> |
|
40 |
|
41 </div> |
|
42 <!-- /Content Video + Controls --> |
13 |
43 |
14 <div id="videos"> |
44 <!-- jQuery --> |
15 </div> |
45 <script src="static/res/js/jquery-1.8.2.min.js"></script> |
16 |
46 <script src="static/res/js/popcorn-complete.js"></script> |
17 <div id="controls"> |
47 <script src="static/res/js/popcorn.sequence.js"></script> |
18 <input id="playButton" type="image" src="static/res/img/ctrlplay.jpg" |
48 <script src="static/res/js/incplayer.js"></script> |
19 onMouseOver="this.src='static/res/img/ctrlplayover.jpg'" |
49 <script> |
20 onMouseOut="this.src='static/res/img/ctrlplay.jpg'" |
50 $(function() { |
21 onClick="incPlayer.ctrlPlay(this);" |
51 if (incPlayer.init("video", "#playButton", "static/res/json/sequences2.json", false)) { |
22 > |
52 incPlayer.createPopSequence(); |
23 <input type="image" src="static/res/img/ctrlback.jpg" |
53 } |
24 onMouseOver="this.src='static/res/img/ctrlbackover.jpg'" |
54 }); |
25 onMouseOut="this.src='static/res/img/ctrlback.jpg'" |
55 </script> |
26 onClick="incPlayer.ctrlBackward(this);" |
56 </body> |
27 > |
57 </html> |
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 <br><br> |
|
46 <font id="message" size="9" color="ffffff">void</font> |
|
47 |
|
48 </section> |
|
49 |
|
50 <script src="static/res/js/popcorn-complete.js"></script> |
|
51 <script src="static/res/js/popcorn.sequence.js"></script> |
|
52 <script src="static/res/js/jquery-1.8.2.min.js"></script> |
|
53 <script src="static/res/js/incplayer.js"></script> |
|
54 <script> |
|
55 $(function() { |
|
56 if (incPlayer.init("videos", "#playButton", "static/res/json/sequences2.json", false)) { |
|
57 incPlayer.createPopSequence(); |
|
58 } |
|
59 }); |
|
60 </script> |
|
61 </body> |
|
62 </html> |
|