|
1 <?php |
|
2 |
|
3 /** |
|
4 * include some common code (like we did in the 90s) |
|
5 * People still do this? ;) |
|
6 */ |
|
7 $rep = $_REQUEST['rep']; |
|
8 include_once dirname(__FILE__).'/'.$rep.'/config.php'; |
|
9 // configuration |
|
10 include 'common.php'; |
|
11 |
|
12 // todo : |
|
13 // - gestion du parent.document.location mediafragment |
|
14 // - limite taille vertical embed |
|
15 // - ajouter la polemic timline en dessous de la video |
|
16 |
|
17 ?> |
|
18 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
|
19 <html lang="en"> |
|
20 <head> |
|
21 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
|
22 <title>RSLN - Polemic player embed page</title> |
|
23 |
|
24 <!-- JAVASCRIPT --> |
|
25 <script type="text/javascript" src="<?php echo(registry_url('jquery','js'))?>"></script> |
|
26 <script type="text/javascript" src="<?php echo(registry_url('jquery-ui','js'))?>"></script> |
|
27 <script type="text/javascript" src="<?php echo(registry_url('raphael','js'))?>"></script> |
|
28 |
|
29 <!-- FONT --> |
|
30 <link href='<?php echo(registry_url('PT-Sans_Narrow','font'))?>' rel='stylesheet' type='text/css'> |
|
31 <link href='<?php echo(registry_url('PT-Sans','font'))?>' rel='stylesheet' type='text/css'> |
|
32 <link href='<?php echo(registry_url('Geo','font'))?>' rel='stylesheet' type='text/css'> |
|
33 |
|
34 <style type="text/css"> |
|
35 body{ |
|
36 padding:0px; |
|
37 margin:0px; |
|
38 } |
|
39 .tooltip{ |
|
40 z-index: 10000000000; |
|
41 } |
|
42 #tip{ |
|
43 position : absolute; |
|
44 padding : 3px; |
|
45 z-index: 10000000000; |
|
46 max-width: 200px; |
|
47 } |
|
48 #tip { |
|
49 display: none; |
|
50 background: transparent url("<?php echo(URL_ROOT);?>images/white_arrow_long.png"); |
|
51 font-size: 12px; |
|
52 height: 125px; |
|
53 width: 180px; |
|
54 padding: 10px; |
|
55 padding-left: 15px; |
|
56 padding-top: 15px; |
|
57 padding-right: 15px; |
|
58 color: black; |
|
59 z-index: 10000000000; |
|
60 font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; |
|
61 overflow:hidden; |
|
62 } |
|
63 #chartTimeline{ |
|
64 z-index: 9; |
|
65 position : absolute; |
|
66 } |
|
67 |
|
68 </style> |
|
69 <script type="text/javascript"> |
|
70 |
|
71 var _gaq = _gaq || []; |
|
72 _gaq.push(['_setAccount', 'UA-23581291-1']); |
|
73 _gaq.push(['_trackPageview']); |
|
74 |
|
75 (function() { |
|
76 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; |
|
77 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; |
|
78 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); |
|
79 })(); |
|
80 |
|
81 </script> |
|
82 </head> |
|
83 |
|
84 <script type="text/javascript"> |
|
85 // Configuration Polemical Timeline |
|
86 var config = { |
|
87 target:"chartTimeline", |
|
88 x:8, |
|
89 y:418, |
|
90 width:<?php echo($config['player_width']); ?>, |
|
91 height:<?php echo($config['player_height']); ?>, |
|
92 heightmax:<?php echo($config['player_height']); ?>, |
|
93 duration:<?php echo($config['duration']); ?>, |
|
94 metadata:"<?php echo($config['metadata']); ?>" |
|
95 } |
|
96 </script> |
|
97 <script type='text/javascript' src='<?php echo(URL_ROOT);?>res/metadataplayer.polemic/src/js/polemic.js'></script> |
|
98 |
|
99 <body> |
|
100 <!-- tooltip --> |
|
101 <div id="tip"> |
|
102 <div id="tipcolor" style="height:10px;width:10px"></div> |
|
103 <div id="tiptext"></div> |
|
104 </div> |
|
105 |
|
106 <div class="root" > |
|
107 <div class="videoLivePlayer"> |
|
108 <div id="chartTimeline"> </div> |
|
109 <script type="text/javascript"> |
|
110 var paper = Raphael(document.getElementById("chartTimeline"),config.width, config.height); |
|
111 </script> |
|
112 <script type='text/javascript' src='<?php echo(URL_ROOT.$config['player']);?>'></script> |
|
113 <script type="text/javascript"> |
|
114 $.extend(__IriSP.lib,{jQueryToolTip:"<?php echo(URL_ROOT);?>res/metadataplayer/res/js/jquery.tools.min.js"}); |
|
115 </script> |
|
116 <div id="player_project_843fff80-6b50-11e0-8aef-00145ea49a02_embed" class="iri_player_embed"> </div> |
|
117 |
|
118 <script type="text/javascript"> |
|
119 var configMP = { |
|
120 metadata:{ |
|
121 format:'cinelab', |
|
122 src:'<?php echo($config['metadata']); ?>', |
|
123 load:'jsonp'}, |
|
124 gui:{ |
|
125 width:<?php echo($config['player_width']); ?>, |
|
126 height:<?php echo($config['player_height']); ?>, |
|
127 mode:'video', |
|
128 container:'player_project_843fff80-6b50-11e0-8aef-00145ea49a02_embed', |
|
129 debug:false, |
|
130 css:'<?php echo(URL_ROOT);?>res/css/LdtPlayer.css'}, |
|
131 |
|
132 player:{ |
|
133 type:'jwplayer', |
|
134 src:'<?php echo(URL_ROOT);?>res/mediaplayer/player.swf'} |
|
135 }; |
|
136 __IriSP.init(configMP); |
|
137 </script> |
|
138 </div> |
|
139 </div> |
|
140 </body> |
|
141 </html> |