|
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
|
2 <html> |
|
3 <head> |
|
4 <!-- <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />--> |
|
5 <title> Augmented Media Player v 0.06 | with JWplayer</title> |
|
6 <!-- ***************************************************************** --> |
|
7 <!-- EXTERNAL JAVASCRIPT / JQUERY --> |
|
8 <script type="text/javascript" src="js/jquery-1.4.2.js"></script> |
|
9 <script type="text/javascript" src="js/ui/jquery.ui.core.js"></script> |
|
10 <script type="text/javascript" src="js/ui/jquery.ui.widget.js"></script> |
|
11 <script type="text/javascript" src="js/ui/jquery.ui.mouse.js"></script> |
|
12 <script type="text/javascript" src="js/ui/jquery.ui.slider.js"></script> |
|
13 <script type="text/javascript" src="js/ui/jquery.ui.button.js"></script> |
|
14 <script type="text/javascript" src="js/jquery.tools.min.js"></script> |
|
15 <script type="text/javascript" src="js/swfobject.js"></script> |
|
16 |
|
17 <!-- INITIALISE JQUERY WITH NO CONFLICT VERSION --> |
|
18 <script> |
|
19 var $jIRI = jQuery.noConflict(); |
|
20 </script> |
|
21 |
|
22 <!-- ***************************************************************** --> |
|
23 <!-- CSS QUERY --> |
|
24 <link type="text/css" href="css/jq-css/themes/base/jquery.ui.all.css" rel="stylesheet" /> |
|
25 <link type="text/css" href="css/jq-css/demos.css" rel="stylesheet" /> |
|
26 |
|
27 |
|
28 <!-- ***************************************************************** --> |
|
29 <!-- CSS CUSTOM --> |
|
30 <style type="text/css"> |
|
31 #demo-frame > div.demo { padding: 5px !important; }; |
|
32 .iri-chapter{ |
|
33 padding-top:10px; |
|
34 padding-bottom:5px; |
|
35 border-left:solid 1px #aaaaaa; |
|
36 border-right:solid 1px #aaaaaa;' |
|
37 } |
|
38 |
|
39 .tooltip { |
|
40 display:none; |
|
41 background:transparent url(css/jq-css/tooltip/white_arrow.png); |
|
42 font-size:12px; |
|
43 height:100px; |
|
44 width:180px; |
|
45 padding:10px; |
|
46 padding-left:15px; |
|
47 padding-right:15px; |
|
48 color:#000; |
|
49 } |
|
50 |
|
51 #Annotations{ |
|
52 padding-left:5px; |
|
53 width:470px; |
|
54 float:left; |
|
55 } |
|
56 #ldtSaTitle{ |
|
57 padding-top:2px; |
|
58 padding-bottom:5px; |
|
59 font-size:18px; |
|
60 color:#FFF; |
|
61 height:22p; |
|
62 } |
|
63 #ldtSaDescription{ |
|
64 font-size:12px; |
|
65 color:#FFF; |
|
66 } |
|
67 #ShowAnnotation{ |
|
68 position:absolute; |
|
69 z-index: 999; |
|
70 padding:5px; |
|
71 background:url(css/custom/images/transBlack.png); |
|
72 } |
|
73 |
|
74 #ldtPlaceHolder{ |
|
75 position:absolue; |
|
76 float:none; |
|
77 } |
|
78 .ldtControl1{ |
|
79 width:70px; |
|
80 float:left; |
|
81 } |
|
82 .ldtControl2{ |
|
83 padding-left:10px; |
|
84 width:70px; |
|
85 float:left; |
|
86 } |
|
87 </style> |
|
88 |
|
89 <!-- JS IRI PLAYER FOR HEAD --> |
|
90 <script type="text/javascript" src="js/LdtPlayer.js"></script> |
|
91 |
|
92 </head> |
|
93 |
|
94 |
|
95 <!-- createPlayer --> |
|
96 |
|
97 <body > |
|
98 |
|
99 |
|
100 |
|
101 |
|
102 |
|
103 <div id="playerLdt"></div> |
|
104 <script type="text/javascript"> |
|
105 playerLdt(550,310, "http://dev.prototype-w.com/wu.mu/cinelabModel_Peter.js","playerLdt"); |
|
106 </script> |
|
107 |
|
108 |
|
109 <br/><br/><br/><br/><br/> |
|
110 |
|
111 <br/> |
|
112 <!-- DEBUG TESTS ET AUTRES --> |
|
113 <div id="output" class="demo"></div> |
|
114 |
|
115 </body> |
|
116 </html> |