|
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" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script> |
|
24 <script type="text/javascript" src="../res/raphael/raphael-min.js"></script> |
|
25 |
|
26 <!-- FONT --> |
|
27 <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin' rel='stylesheet' type='text/css'> |
|
28 <link href='http://fonts.googleapis.com/css?family=PT+Sans&subset=latin' rel='stylesheet' type='text/css'> |
|
29 <link href='http://fonts.googleapis.com/css?family=Geo&subset=latin' rel='stylesheet' type='text/css'> |
|
30 <style type="text/css"> |
|
31 body{ |
|
32 padding:0px; |
|
33 margin:0px; |
|
34 } |
|
35 .tooltip{ |
|
36 z-index: 10000000000; |
|
37 } |
|
38 #tip{ |
|
39 position : absolute; |
|
40 padding : 3px; |
|
41 z-index: 10000000000; |
|
42 max-width: 200px; |
|
43 } |
|
44 #tip { |
|
45 display: none; |
|
46 background: transparent url("images/white_arrow_long.png"); |
|
47 font-size: 12px; |
|
48 height: 125px; |
|
49 width: 180px; |
|
50 padding: 10px; |
|
51 padding-left: 15px; |
|
52 padding-top: 15px; |
|
53 padding-right: 15px; |
|
54 color: black; |
|
55 z-index: 10000000000; |
|
56 font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; |
|
57 overflow:hidden; |
|
58 } |
|
59 #chartTimeline{ |
|
60 z-index: 9; |
|
61 position : absolute; |
|
62 } |
|
63 |
|
64 </style> |
|
65 <script type="text/javascript"> |
|
66 |
|
67 var _gaq = _gaq || []; |
|
68 _gaq.push(['_setAccount', 'UA-9955524-3']); |
|
69 _gaq.push(['_setDomainName', '.iri.centrepompidou.fr']); |
|
70 _gaq.push(['_trackPageview']); |
|
71 |
|
72 (function() { |
|
73 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; |
|
74 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; |
|
75 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); |
|
76 })(); |
|
77 |
|
78 </script> |
|
79 </head> |
|
80 |
|
81 <script type="text/javascript"> |
|
82 // Configuration Polemical Timeline |
|
83 var config = { |
|
84 target:"chartTimeline", |
|
85 x:8, |
|
86 y:418, |
|
87 width:<?php echo($player_width); ?>, |
|
88 height:<?php echo($player_height); ?>, |
|
89 heightmax:<?php echo($player_height); ?>, |
|
90 duration:<?php echo($config['duration']); ?>, |
|
91 metadata:"<?php echo($config['metadata']); ?>" |
|
92 } |
|
93 </script> |
|
94 <script type='text/javascript' src='../res/metadataplayer.polemic/src/js/polemic.js'></script> |
|
95 |
|
96 <body> |
|
97 <!-- tooltip --> |
|
98 <div id="tip"> |
|
99 <div id="tipcolor" style="height:10px;width:10px"></div> |
|
100 <div id="tiptext"></div> |
|
101 </div> |
|
102 |
|
103 <div class="root" > |
|
104 <div class="videoLivePlayer"> |
|
105 <div id="chartTimeline"> </div> |
|
106 <script type="text/javascript"> |
|
107 var paper = Raphael(document.getElementById("chartTimeline"),config.width, config.height); |
|
108 </script> |
|
109 <script type='text/javascript' src='../res/metadataplayer/src/js/LdtPlayer.js'></script> |
|
110 <script type="text/javascript"> |
|
111 $.extend(__IriSP.lib,{jQueryToolTip:"../res/metadataplayer/res/js/jquery.tools.min.js"}); |
|
112 </script> |
|
113 <div id="player_project_13b0aa52-336b-11e0-b233-00145ea49a02_embed" class="iri_player_embed"> </div> |
|
114 |
|
115 <script type="text/javascript"> |
|
116 var configMP = { |
|
117 metadata:{ |
|
118 format:'cinelab', |
|
119 src:'<?php echo($config['metadata']); ?>', |
|
120 load:'jsonp'}, |
|
121 gui:{ |
|
122 width:<?php echo($player_width); ?>, |
|
123 height:<?php echo($player_height); ?>, |
|
124 mode:'video', |
|
125 container:'player_project_13b0aa52-336b-11e0-b233-00145ea49a02_embed', |
|
126 debug:false, |
|
127 css:'http://amateur.iri.centrepompidou.fr/live/rsln/res/css/LdtPlayer.css'}, |
|
128 |
|
129 player:{ |
|
130 type:'jwplayer', |
|
131 src:'http://www.iri.centrepompidou.fr//dev/ldt/static/ldt/swf/player.swf'} |
|
132 }; |
|
133 __IriSP.init(configMP); |
|
134 </script> |
|
135 </div> |
|
136 </div> |
|
137 </body> |
|
138 </html> |