67 <link href='<?php echo(registry_url('PT-Sans','font'))?>' rel='stylesheet' type='text/css'> |
67 <link href='<?php echo(registry_url('PT-Sans','font'))?>' rel='stylesheet' type='text/css'> |
68 |
68 |
69 <!-- CSS --> |
69 <!-- CSS --> |
70 <link rel="stylesheet" href="<?php echo(registry_url('fancybox','css'));?>" type="text/css" media="screen"> |
70 <link rel="stylesheet" href="<?php echo(registry_url('fancybox','css'));?>" type="text/css" media="screen"> |
71 <link rel="stylesheet" href="<?php echo(registry_url('tweetcast','css'));?>?v=210512" type="text/css" media="screen, projection"/> |
71 <link rel="stylesheet" href="<?php echo(registry_url('tweetcast','css'));?>?v=210512" type="text/css" media="screen, projection"/> |
|
72 <link href="<?php echo(registry_url('videojs','css'));?>" rel="stylesheet"--> |
72 |
73 |
73 <link href='<?php echo(URL_ROOT); ?>res/css/common.css' rel='stylesheet' type='text/css'/> |
74 <link href='<?php echo(URL_ROOT); ?>res/css/common.css' rel='stylesheet' type='text/css'/> |
74 |
75 |
75 <!-- JAVASCRIPT --> |
76 <!-- JAVASCRIPT --> |
76 <script type="text/javascript" src="<?php echo(registry_url('jquery','js'))?>"></script> |
77 <script type="text/javascript" src="<?php echo(registry_url('jquery','js'))?>"></script> |
80 <script type="text/javascript" src="<?php echo(registry_url('jquery-mousewheel','js'))?>"></script> |
81 <script type="text/javascript" src="<?php echo(registry_url('jquery-mousewheel','js'))?>"></script> |
81 <script type="text/javascript" src="<?php echo(registry_url('jquery-scrollto','js'))?>"></script> |
82 <script type="text/javascript" src="<?php echo(registry_url('jquery-scrollto','js'))?>"></script> |
82 <script type="text/javascript" src="<?php echo(registry_url('underscore','js'))?>"></script> |
83 <script type="text/javascript" src="<?php echo(registry_url('underscore','js'))?>"></script> |
83 <script type="text/javascript" src="<?php echo(registry_url('raphael','js'))?>"></script> |
84 <script type="text/javascript" src="<?php echo(registry_url('raphael','js'))?>"></script> |
84 <script type="text/javascript" src="<?php echo(registry_url('fancybox','js'))?>"></script> |
85 <script type="text/javascript" src="<?php echo(registry_url('fancybox','js'))?>"></script> |
|
86 |
|
87 <style> |
|
88 video { |
|
89 width: 480px; |
|
90 height: 320px; |
|
91 } |
|
92 </style> |
85 |
93 |
86 <script type="text/javascript"> |
94 <script type="text/javascript"> |
87 <?php |
95 <?php |
88 if (isset($config['tracking_keywords']) && count($config['tracking_keywords'])) { |
96 if (isset($config['tracking_keywords']) && count($config['tracking_keywords'])) { |
89 echo "var tracking_keywords = ".json_encode($config['tracking_keywords']).';'; |
97 echo "var tracking_keywords = ".json_encode($config['tracking_keywords']).';'; |
277 <div class="ifwrap" id="vlWrap"> |
285 <div class="ifwrap" id="vlWrap"> |
278 <div id="videoLivePlayer"> |
286 <div id="videoLivePlayer"> |
279 <?php if(isset($config['islive_embed']) && $config['islive_embed']):?> |
287 <?php if(isset($config['islive_embed']) && $config['islive_embed']):?> |
280 <?php echo str_replace(array('{{width}}','{{height}}'), array($videoWidth, $videoHeight), $translate->_('config__islive_embed')); ?> |
288 <?php echo str_replace(array('{{width}}','{{height}}'), array($videoWidth, $videoHeight), $translate->_('config__islive_embed')); ?> |
281 <?php else: ?> |
289 <?php else: ?> |
282 <img class="live-thumbnail" src="<?php echo($big_visual_url); ?>" /> |
290 <video id="videoPlayer" width=<?php echo($videoWidth); ?> height=<?php echo($videoHeight); ?> autoplay controls poster="<?php echo($big_visual_url); ?>" class="video-js vjs-default-skin"><img class="live-thumbnail" src="<?php echo($big_visual_url); ?>" /></video> |
283 <?php endif; ?> |
291 <?php endif; ?> |
284 </div> |
292 </div> |
285 <?php |
293 <?php |
286 if (isset($config['islive']) && $config['islive']) { |
294 if (isset($config['islive']) && $config['islive']) { |
287 $videofile = $translate->_('config__video_file'); |
295 $videofile = $translate->_('config__video_file'); |
288 if ($videofile == 'config__video_file') $videofile = "rtmp://media.iri.centrepompidou.fr/ddc_player/livestream"; |
296 if ($videofile == 'config__video_file') $videofile = "https://media.iri.centrepompidou.fr/dash/livestream.mpd"; |
289 $jwpconfig = array( |
|
290 "width" => $videoWidth, |
|
291 "height" => $videoHeight, |
|
292 "file" => $videofile, |
|
293 "image" => $big_visual_url, |
|
294 "primary" => "flash", |
|
295 "flashplayer" => URL_ROOT."res/mediaplayer/player.swf", |
|
296 "fallback" => false, |
|
297 "autostart" => true |
|
298 ); |
|
299 ?> |
297 ?> |
300 |
298 |
301 <script type="text/javascript" src="<?php echo(registry_url('jwplayer-js','js'))?>"></script> |
299 <script type="text/javascript" src="<?php echo(registry_url('dashjs','js'))?>"></script> |
|
300 |
302 <script type="text/javascript"> |
301 <script type="text/javascript"> |
303 jwplayer('videoLivePlayer').setup(<?php echo json_encode($jwpconfig); ?>); |
302 (function(){ |
|
303 var url = "<?php echo($videofile)?>"; |
|
304 var player = dashjs.MediaPlayer().create(); |
|
305 player.initialize(document.querySelector("#videoPlayer"), url, true); |
|
306 })(); |
304 </script> |
307 </script> |
305 <?php |
308 <?php |
306 } |
309 } |
307 ?> |
310 ?> |
308 |
311 |