1 <?php |
|
2 |
|
3 /** |
|
4 * include some common code (like we did in the 90s) |
|
5 * People still do this? ;) |
|
6 */ |
|
7 include_once 'config.php'; |
|
8 |
|
9 // todo : |
|
10 // - gestion du parent.document.location mediafragment |
|
11 // - limite taille vertical embed |
|
12 // - ajouter la polemic timline en dessous de la video |
|
13 |
|
14 ?> |
|
15 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
|
16 <html lang="en"> |
|
17 <head> |
|
18 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
|
19 <title>RSLN - Polemic player embed page</title> |
|
20 |
|
21 <!-- JAVASCRIPT --> |
|
22 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> |
|
23 <script type="text/javascript"> |
|
24 $.noConflict(); |
|
25 </script> |
|
26 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script> |
|
27 <script type="text/javascript" src="../res/raphael/raphael-min.js"></script> |
|
28 <script type='text/javascript' src='../res/metadataplayer/src/js/LdtPlayer.js'></script> |
|
29 |
|
30 <!-- FONT --> |
|
31 <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin' rel='stylesheet' type='text/css'> |
|
32 <link href='http://fonts.googleapis.com/css?family=PT+Sans&subset=latin' rel='stylesheet' type='text/css'> |
|
33 <link href='http://fonts.googleapis.com/css?family=Geo&subset=latin' rel='stylesheet' type='text/css'> |
|
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("../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 // Configuration Polemical Timeline |
|
71 <?php |
|
72 if(is_array($config['metadata'])) { |
|
73 $metadata_key = $_GET["metadata"]; |
|
74 if(!$metadata_key) { |
|
75 reset($config['metadata']); |
|
76 $metadata_key = key($config['metadata']); |
|
77 } |
|
78 |
|
79 $duration = $config['metadata'][$metadata_key]['duration']; |
|
80 $url = $config['metadata'][$metadata_key]['url']; |
|
81 } |
|
82 else { |
|
83 $duration = $config['duration']; |
|
84 $url = $config['metadata']; |
|
85 } |
|
86 ?> |
|
87 |
|
88 var config = { |
|
89 target:"chartTimeline", |
|
90 x:8, |
|
91 y:418, |
|
92 width:<?php echo($player_width); ?>, |
|
93 height:<?php echo($player_height); ?>, |
|
94 heightmax:<?php echo($player_height); ?>, |
|
95 duration:<?php echo($duration); ?>, |
|
96 metadata:"<?php echo($url); ?>" |
|
97 }; |
|
98 </script> |
|
99 |
|
100 <script type='text/javascript' src='../res/metadataplayer.polemic/src/js/polemic.js'></script> |
|
101 <script type="text/javascript"> |
|
102 jQuery.extend(__IriSP.lib,{jQueryToolTip:"../res/metadataplayer/res/js/jquery.tools.min.js"}); |
|
103 </script> |
|
104 |
|
105 <script type="text/javascript"> |
|
106 |
|
107 var _gaq = _gaq || []; |
|
108 _gaq.push(['_setAccount', 'UA-23581291-1']); |
|
109 _gaq.push(['_trackPageview']); |
|
110 |
|
111 (function() { |
|
112 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; |
|
113 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; |
|
114 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); |
|
115 })(); |
|
116 |
|
117 </script> |
|
118 </head> |
|
119 <body> |
|
120 <!-- tooltip --> |
|
121 <div id="tip"> |
|
122 <div id="tipcolor" style="height:10px;width:10px"></div> |
|
123 <div id="tiptext"></div> |
|
124 </div> |
|
125 |
|
126 <div class="root" > |
|
127 <div class="videoLivePlayer"> |
|
128 <div id="chartTimeline"> </div> |
|
129 <script type="text/javascript"> |
|
130 var paper = Raphael(document.getElementById("chartTimeline"),config.width, config.height); |
|
131 </script> |
|
132 <script type='text/javascript' src='../res/metadataplayer/src/js/LdtPlayer.js'></script> |
|
133 <div id="player_project_embed" class="iri_player_embed"> </div> |
|
134 |
|
135 <script type="text/javascript"> |
|
136 var configMP = { |
|
137 metadata:{ |
|
138 format:'cinelab', |
|
139 src:config.metadata, |
|
140 load:'jsonp'}, |
|
141 gui:{ |
|
142 width:config.width, |
|
143 height:config.height, |
|
144 mode:'video', |
|
145 container:'player_project_embed', |
|
146 debug:false, |
|
147 css:'../res/css/LdtPlayer.css'}, |
|
148 |
|
149 player:{ |
|
150 type:'jwplayer', |
|
151 src:'../res/metadataplayer/res/swf/player.swf'} |
|
152 }; |
|
153 __IriSP.init(configMP); |
|
154 </script> |
|
155 </div> |
|
156 </div> |
|
157 </body> |
|
158 </html> |
|