{% if video is defined and video %}
<!DOCTYPE html>
<html>
<head>
<title>{{ title_page }}</title>
<meta name="description" content="{{ video.description }}"/>
<meta name="medium" content="video"/>
<meta name="video_type" content="application/x-shockwave-flash"/>
<meta name="video_height" content="305"/>
<meta name="video_width" content="380"/>
<link rel="canonical" href="/video/{{ video.url_clean }}"/>
<link rel="image_src" type="image/jpeg" href="{{ thnet }}/images/img_tv/{{ video.idmultimedia }}.jpg"/>
<link rel="video_src" href="{{ thnet }}/video/swf/{{ video.code }}"/>
{# <link rel="thumbnail" type="image/jpeg" href="{{ video.static_thumbnail }}" /> #}
<meta property="fb:app_id" content="1578443262199111"/>
<meta property="og:type" content="video.other">
<meta property="og:title" content="{{ video.nameview }}">
<meta property="og:description" content="{{ video.description }}">
<meta property="og:url" content="{{ video.permalink }}">
<meta property="og:image" content="{{ video.vignette }}">
<meta property="og:image:height" content="305">
<meta property="og:image:width" content="380">
<!-- <meta property="video:actor:id" content=""> -->
<meta name="twitter:card" content="surmmary">
<meta name="twitter:site" content="@thnet">
<meta name="twitter:title" content="{{ video.nameview }}">
<meta name="twitter:description" content="{{ video.description }}">
<meta name="twitter:image" content="{{ video.vignette }}">
<meta name="twitter:player" content="https://www.theatre-contemporain.net/embed/{{ video.code }}">
<meta name="twitter:player:height" content="305">
<meta name="twitter:player:width" content="380">
<style type="text/css" media="screen">
html, body, #content {
height: 100%;
background: #000;
}
body {
margin: 0;
padding: 0;
overflow: hidden;
}
.flowplayer .fp-logo {
width: 100px;
position: absolute;
bottom: 3em;
left: auto; /* avoid logo being stuck on left side */
right: 2%;
}
.flowplayer .fp-header .fp-icon {
float: right;
}
.flowplayer.has-title .fp-header {
text-align: left !important;
}
.flowplayer.has-title .fp-header {
background-color: rgba(0, 0, 0, 0.5);
}
.fp-title-thnet {
text-align: left;
overflow: hidden;
filter: alpha(opacity=0);
padding: .3em .9em;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
white-space: nowrap;
font-size: 0.9em;
}
.fp-title-thnet-logo {
width: 35px;
float: left;
margin-right: 0.5em;
margin-top: 0.1rem;
}
.fp-partenaires {
white-space: nowrap;
font-size: 0.8em;
}
.fp-header {
height: auto !important;
}
.flowplayer .fp-header .fp-icon {
margin: .4em .9em 0 0 !important;
}
{% if is_festival_avignon is defined and is_festival_avignon %}
.fp-header {
padding: 0;
}
.fp-title-thnet-logo {
width: 18px;
}
.fp-title-thnet {
white-space: pre-line;
}
{% endif %}
</style>
<link rel="stylesheet" href="{{ thnet }}/navigation/css/flowplayer/skin/skin.css?{{ css_refresh }}">
<script type="text/javascript" src="{{ thnet }}/navigation/js/jquery-1.12.4.min.js?{{ css_refresh }}"></script>
<script type="text/javascript"
src="{{ thnet }}/navigation/js/flowplayer/flowplayer.js?{{ css_refresh }}"></script>
<script type="text/javascript"
src="{{ thnet }}/navigation/js/flowplayer/flowplayer.vod-quality-selector.js?{{ css_refresh }}"></script>
</head>
<body>
<div id="content">
{% if is_new_player is defined and is_new_player %}
{% if vod is defined and vod %}
<div style="margin:0; padding: 0;text-align: center;">
{% if video.player is defined and video.player %}
{{ video.player|raw }}
{% endif %}
</div>
{% else %}
<div id="thnet-player" class="flowplayer fp-slim fp-mute fp-edgy"
data-domaine="{{ app.request.server.get('URL_THNET') }}"
data-key="{{ video.flowplayer }}"
data-analytics="UA-2955171-5"
data-idmultimedia="{{ video.idmultimedia }}"
data-fullscreen="true"
data-qualities="{{ video.format_avaibles_count }}"
data-default-quality="{{ video.format_default }}"
data-qualities-thnet="{{ video.format_avaibles }}"
data-qualities-thnet-label="{{ video.format_avaibles_label }}"
data-codevideo='{{ video.code }}'
data-keyvideo="{{ video.key }}"
data-twitter="{{ video.permalink }}"
data-facebook="{{ video.permalink }}"
{% if video.embed is defined and video.embed %}
data-embed="{{ video.embed }}"
{% endif %}
data-permalink="{{ video.permalink }}">
<video poster="{{ video.vignette }}" data-sujet="{{ video.sujet_titre }}"
data-title="{{ video.player_title }}" data-default-quality="{{ video.format_default }}" controls
controlsList="nodownload">
{% for kv,vv in video.formats %}
{% if (vv.flv is defined and not vv.flv) or vv.flv is not defined %}
<source src="{{ vv.mediaurl }}" data-type="{{ vv.mediatype }}" type="video/mp4">
{% endif %}
{% endfor %}
</video>
</div>
<script type="text/javascript">
var duree_video = 0;
var player_api = flowplayer(function (api, root) {
var conf = api.conf;
api.getSeekTime = function (curseur = 0) {
if (!isNaN(curseur)) {
curseur = Math.round(parseFloat(curseur) * 10) / 10;
if (curseur < duree_video) {
api.seek(curseur);
}
}
}
api.shareUrl = function (directEmbed) {
return conf.domaine + "/embed/" + conf.codevideo;
}
api.tweet = function () {
var left
, top
, width = 550
, height = 420
, winHeight = screen.height
, winWidth = screen.width
, windowOptions = 'scrollbars=yes,resizable=yes,toolbar=no,location=yes'
, shareUrl = 'http://';
left = Math.round((winWidth / 2) - (width / 2));
top = 0;
if (winHeight > height) {
top = Math.round((winHeight / 2) - (height / 2));
}
window.open(
'https://twitter.com/intent/tweet?url=' + encodeURIComponent(shareUrl) + '&text=' + encodeURIComponent(conf.clip.sujet + " " + conf.permalink + " (@thnet)"),
'intent',
windowOptions + ',width=' + width + ',height=' + height + ',left=' + left + ',top=' + top
);
};
api.on('resume', function () {
var domain = api['conf']['keyvideo'];
var keymultimedia = api['conf']['codevideo'];
var keyvideo = api['conf']['keyvideo'];
console.log(domain)
$.ajax({
url: $('#thnet-player').data('domaine') + "/stats/store?code=" + keymultimedia + "&key=" + keyvideo,
type: "POST",
data: 'state=play'
});
});
api.one('ready', function (e, api, video) {
var hash = window.location.hash,
params = window.location.search,
pos = hash.substr(3);
duree_video = video.duration;
if (hash.indexOf("#t=") === 0 && !isNaN(pos)) {
pos = Math.round(parseFloat(pos) * 10) / 10;
if (pos < video.duration) {
api.seek(pos);
}
}
if (params.indexOf('autostart') == 1) {
api.resume();
}
});
});
// A function to process messages received by the window.
function commandesExterne(e) {
try {
val = JSON.parse(e.data);
if (typeof val === 'object') {
flowplayer().getSeekTime(val.pos);
}
} catch (x) {
if (e.data == "play") {
flowplayer().resume();
} else if (e.data == "pause") {
flowplayer().pause();
} else {
flowplayer().stop();
}
}
}
window.addEventListener('message', commandesExterne);
</script>
{% endif %}
{% else %}
<p id="{{ video.playerid }}" style="margin:0;padding:0;">
{% if video.formats.h264m is defined and video.formats.h264m %}
<video width="{{ video.flv_width }}" preload="none" height="{{ video.flv_height }}"
poster="{{ video.image_media }}" controls controlsList="nodownload">
<source src="{{ video.formats.h264m.mediaurl }}" type="video/mp4">
<object type="video/mp4" data="{{ video.image_media }}" width="{{ video.flv_width }}"
height="{{ video.flv_height }}">
<param name="controller" value="false"/>
<param name="src" value="{{ video.image_media }}"/>
<param name="href" value="{{ video.formats.h264m.mediaurl }}"/>
<param name="target" value="myself"/>
<embed src="{{ video.formats.h264m.mediaurl }}" width="{{ video.flv_width }}"
height="{{ video.flv_height }}">
</object>
</video>
{% else %}
<span class="flashplayer_needed">
{% trans %}multimedia_needed_to_view{% endtrans %}
<a href="http://www.adobe.com/go/getflashplayer">Flash Player<sup>®</sup></a> : <em>{{ video.sujet_titre }}</em>
</span>
{% endif %}
</p>
<div style="margin:0; padding: 0;text-align: center;">
{% if video.player is defined and video.player %}
{{ video.player|raw }}
{% endif %}
</div>
{% endif %}
</div>
</body>
</html>
{% else %}
{% if noexport is defined and noexport %}
<p>
Intégration désactivée
</p>
<p>
{{ nameview }}
</p>
<a href="{{ permalink }}" target="__blank">Cliquer ici pour voir la vidéo sur le site</a>
{% endif %}
{% if nodispo is defined and nodispo %}
Vidéo non disponible
{% endif %}
{% if montheatre is defined and montheatre %}
Vidéo réservée aux abonnés
{% endif %}
{% if nodelete is defined and nodelete %}
Vidéo supprimée
{% endif %}
{% endif %}