--- a/web/index.html Thu Oct 04 20:39:57 2012 +0200
+++ b/web/index.html Fri Oct 05 13:44:45 2012 +0200
@@ -1,59 +1,53 @@
-<!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">
+<!DOCTYPE html>
+<html lang="fr">
+ <head>
+ <meta charset="utf-8">
+ <title>The End - @todo</title>
+ <link rel="stylesheet" href="static/res/css/style.css" />
+ </head>
+ <body>
+
+ <!-- Content Video + Controls -->
+ <div id="playerContainer">
+ <!-- Video -->
+ <div id="video">
+ </div>
+ <!-- /Video -->
+
+ <!-- Controls container -->
+ <div id="controlContainer">
+ <div id="controlbar">
+ <button id="btnPlay" class="bnt"
+ onClick="incPlayer.ctrlPlay(this);">Play/Pause</button><!--
+
+ --><button id="btnBck" class="bnt"
+ onClick="incPlayer.ctrlBackward(this);">Back</button><!--
+
+ --><button id="btnFwd" class="bnt"
+ onClick="incPlayer.ctrlForward(this);">Forward</button><!--
+
+ --><button id="btnFullScr" class="bnt"
+ onClick="incPlayer.ctrlFullscreen(this);">FS</button><!--
+
+ --><button id="btnHD" class="bnt"
+ onClick="incPlayer.ctrlHd(this);">HD</button>
+ </div>
+ </div>
+ <!-- /Controlbar container -->
+ </div>
+ <!-- /Content Video + Controls -->
- <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>
+ <!-- jQuery -->
+ <script src="static/res/js/jquery-1.8.2.min.js"></script>
+ <script src="static/res/js/popcorn-complete.js"></script>
+ <script src="static/res/js/popcorn.sequence.js"></script>
+ <script src="static/res/js/incplayer.js"></script>
+ <script>
+ $(function() {
+ if (incPlayer.init("video", "#playButton", "static/res/json/sequences.json", true)) {
+ incPlayer.createPopSequence();
+ }
+ });
+ </script>
+ </body>
</html>
\ No newline at end of file