20
|
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> |