templates/embed/view.html.twig line 1

Open in your IDE?
  1. {% if video is defined and video %}
  2.     <!DOCTYPE html>
  3.     <html>
  4.     <head>
  5.         <title>{{ title_page }}</title>
  7.         <meta name="description" content="{{ video.description }}"/>
  9.         <meta name="medium" content="video"/>
  10.         <meta name="video_type" content="application/x-shockwave-flash"/>
  11.         <meta name="video_height" content="305"/>
  12.         <meta name="video_width" content="380"/>
  13.         <link rel="canonical" href="/video/{{ video.url_clean }}"/>
  14.         <link rel="image_src" type="image/jpeg" href="{{ thnet }}/images/img_tv/{{ video.idmultimedia }}.jpg"/>
  15.         <link rel="video_src" href="{{ thnet }}/video/swf/{{ video.code }}"/>
  16.         {#        <link rel="thumbnail" type="image/jpeg" href="{{ video.static_thumbnail }}" /> #}
  18.         <meta property="fb:app_id" content="1578443262199111"/>
  19.         <meta property="og:type" content="video.other">
  20.         <meta property="og:title" content="{{ video.nameview }}">
  21.         <meta property="og:description" content="{{ video.description }}">
  22.         <meta property="og:url" content="{{ video.permalink }}">
  23.         <meta property="og:image" content="{{ video.vignette }}">
  24.         <meta property="og:image:height" content="305">
  25.         <meta property="og:image:width" content="380">
  26.         <!-- <meta property="video:actor:id" content=""> -->
  28.         <meta name="twitter:card" content="surmmary">
  29.         <meta name="twitter:site" content="@thnet">
  30.         <meta name="twitter:title" content="{{ video.nameview }}">
  31.         <meta name="twitter:description" content="{{ video.description }}">
  32.         <meta name="twitter:image" content="{{ video.vignette }}">
  33.         <meta name="twitter:player" content="https://www.theatre-contemporain.net/embed/{{ video.code }}">
  34.         <meta name="twitter:player:height" content="305">
  35.         <meta name="twitter:player:width" content="380">
  37.         <style type="text/css" media="screen">
  38.             html, body, #content {
  39.                 height: 100%;
  40.                 background: #000;
  41.             }
  43.             body {
  44.                 margin: 0;
  45.                 padding: 0;
  46.                 overflow: hidden;
  47.             }
  49.             .flowplayer .fp-logo {
  50.                 width: 100px;
  52.                 position: absolute;
  53.                 bottom: 3em;
  54.                 left: auto; /* avoid logo being stuck on left side */
  55.                 right: 2%;
  56.             }
  58.             .flowplayer .fp-header .fp-icon {
  59.                 float: right;
  60.             }
  62.             .flowplayer.has-title .fp-header {
  63.                 text-align: left !important;
  64.             }
  66.             .flowplayer.has-title .fp-header {
  67.                 background-color: rgba(0, 0, 0, 0.5);
  68.             }
  70.             .fp-title-thnet {
  71.                 text-align: left;
  72.                 overflow: hidden;
  73.                 filter: alpha(opacity=0);
  74.                 padding: .3em .9em;
  75.                 -webkit-transition: opacity 0.3s;
  76.                 transition: opacity 0.3s;
  77.                 white-space: nowrap;
  78.                 font-size: 0.9em;
  79.             }
  81.             .fp-title-thnet-logo {
  82.                 width: 35px;
  83.                 float: left;
  84.                 margin-right: 0.5em;
  85.                 margin-top: 0.1rem;
  86.             }
  88.             .fp-partenaires {
  89.                 white-space: nowrap;
  90.                 font-size: 0.8em;
  91.             }
  93.             .fp-header {
  94.                 height: auto !important;
  95.             }
  97.             .flowplayer .fp-header .fp-icon {
  98.                 margin: .4em .9em 0 0 !important;
  99.             }
  101.             {% if is_festival_avignon is defined and is_festival_avignon %}
  102.             .fp-header {
  103.                 padding: 0;
  104.             }
  106.             .fp-title-thnet-logo {
  107.                 width: 18px;
  109.             }
  111.             .fp-title-thnet {
  112.                 white-space: pre-line;
  113.             }
  115.             {% endif %}
  116.         </style>
  118.         <link rel="stylesheet" href="{{ thnet }}/navigation/css/flowplayer/skin/skin.css?{{ css_refresh }}">
  119.         <script type="text/javascript" src="{{ thnet }}/navigation/js/jquery-1.12.4.min.js?{{ css_refresh }}"></script>
  120.         <script type="text/javascript"
  121.                 src="{{ thnet }}/navigation/js/flowplayer/flowplayer.js?{{ css_refresh }}"></script>
  122.         <script type="text/javascript"
  123.                 src="{{ thnet }}/navigation/js/flowplayer/flowplayer.vod-quality-selector.js?{{ css_refresh }}"></script>
  125.     </head>
  126.     <body>
  127.     <div id="content">
  128.         {% if is_new_player is defined and is_new_player %}
  129.         {% if vod is defined and vod %}
  130.             <div style="margin:0; padding: 0;text-align: center;">
  131.                 {% if video.player is defined and video.player %}
  132.                     {{ video.player|raw }}
  133.                 {% endif %}
  134.             </div>
  135.         {% else %}
  136.             <div id="thnet-player" class="flowplayer fp-slim fp-mute fp-edgy"
  137.                  data-domaine="{{ app.request.server.get('URL_THNET') }}"
  138.                  data-key="{{ video.flowplayer }}"
  139.                  data-analytics="UA-2955171-5"
  140.                  data-idmultimedia="{{ video.idmultimedia }}"
  141.                  data-fullscreen="true"
  142.                  data-qualities="{{ video.format_avaibles_count }}"
  143.                  data-default-quality="{{ video.format_default }}"
  144.                  data-qualities-thnet="{{ video.format_avaibles }}"
  145.                  data-qualities-thnet-label="{{ video.format_avaibles_label }}"
  146.                  data-codevideo='{{ video.code }}'
  147.                  data-keyvideo="{{ video.key }}"
  148.                  data-twitter="{{ video.permalink }}"
  149.                  data-facebook="{{ video.permalink }}"
  150.                     {% if video.embed is defined and video.embed %}
  151.                         data-embed="{{ video.embed }}"
  152.                     {% endif %}
  153.                  data-permalink="{{ video.permalink }}">
  155.                 <video poster="{{ video.vignette }}" data-sujet="{{ video.sujet_titre }}"
  156.                        data-title="{{ video.player_title }}" data-default-quality="{{ video.format_default }}" controls
  157.                        controlsList="nodownload">
  158.                     {% for kv,vv in video.formats %}
  159.                         {% if (vv.flv is defined and not vv.flv) or vv.flv is not defined %}
  160.                             <source src="{{ vv.mediaurl }}" data-type="{{ vv.mediatype }}" type="video/mp4">
  161.                         {% endif %}
  162.                     {% endfor %}
  164.                 </video>
  165.             </div>
  166.             <script type="text/javascript">
  167.                 var duree_video = 0;
  168.                 var player_api = flowplayer(function (api, root) {
  169.                     var conf = api.conf;
  171.                     api.getSeekTime = function (curseur = 0) {
  172.                         if (!isNaN(curseur)) {
  173.                             curseur = Math.round(parseFloat(curseur) * 10) / 10;
  175.                             if (curseur < duree_video) {
  176.                                 api.seek(curseur);
  177.                             }
  178.                         }
  179.                     }
  181.                     api.shareUrl = function (directEmbed) {
  182.                         return conf.domaine + "/embed/" + conf.codevideo;
  183.                     }
  184.                     api.tweet = function () {
  185.                         var left
  186.                             , top
  187.                             , width = 550
  188.                             , height = 420
  189.                             , winHeight = screen.height
  190.                             , winWidth = screen.width
  191.                             , windowOptions = 'scrollbars=yes,resizable=yes,toolbar=no,location=yes'
  192.                             , shareUrl = 'http://';
  193.                         left = Math.round((winWidth / 2) - (width / 2));
  194.                         top = 0;
  195.                         if (winHeight > height) {
  196.                             top = Math.round((winHeight / 2) - (height / 2));
  197.                         }
  198.                         window.open(
  199.                             'https://twitter.com/intent/tweet?url=' + encodeURIComponent(shareUrl) + '&text=' + encodeURIComponent(conf.clip.sujet + " " + conf.permalink + " (@thnet)"),
  200.                             'intent',
  201.                             windowOptions + ',width=' + width + ',height=' + height + ',left=' + left + ',top=' + top
  202.                         );
  203.                     };
  204.                     api.on('resume', function () {
  205.                         var domain = api['conf']['keyvideo'];
  206.                         var keymultimedia = api['conf']['codevideo'];
  207.                         var keyvideo = api['conf']['keyvideo'];
  208.                         console.log(domain)
  209.                         $.ajax({
  210.                             url: $('#thnet-player').data('domaine') + "/stats/store?code=" + keymultimedia + "&key=" + keyvideo,
  211.                             type: "POST",
  212.                             data: 'state=play'
  213.                         });
  214.                     });
  216.                     api.one('ready', function (e, api, video) {
  217.                         var hash = window.location.hash,
  218.                             params = window.location.search,
  219.                             pos = hash.substr(3);
  220.                         duree_video = video.duration;
  222.                         if (hash.indexOf("#t=") === 0 && !isNaN(pos)) {
  223.                             pos = Math.round(parseFloat(pos) * 10) / 10;
  225.                             if (pos < video.duration) {
  226.                                 api.seek(pos);
  227.                             }
  228.                         }
  230.                         if (params.indexOf('autostart') == 1) {
  231.                             api.resume();
  232.                         }
  233.                     });
  234.                 });
  236.                 // A function to process messages received by the window.
  237.                 function commandesExterne(e) {
  238.                     try {
  239.                         val = JSON.parse(e.data);
  240.                         if (typeof val === 'object') {
  241.                             flowplayer().getSeekTime(val.pos);
  242.                         }
  243.                     } catch (x) {
  244.                         if (e.data == "play") {
  245.                             flowplayer().resume();
  246.                         } else if (e.data == "pause") {
  247.                             flowplayer().pause();
  248.                         } else {
  249.                             flowplayer().stop();
  250.                         }
  251.                     }
  252.                 }
  254.                 window.addEventListener('message', commandesExterne);
  255.             </script>
  256.         {% endif %}
  257.         {% else %}
  258.             <p id="{{ video.playerid }}" style="margin:0;padding:0;">
  259.                 {% if video.formats.h264m is defined and video.formats.h264m %}
  260.                     <video width="{{ video.flv_width }}" preload="none" height="{{ video.flv_height }}"
  261.                            poster="{{ video.image_media }}" controls controlsList="nodownload">
  262.                         <source src="{{ video.formats.h264m.mediaurl }}" type="video/mp4">
  263.                         <object type="video/mp4" data="{{ video.image_media }}" width="{{ video.flv_width }}"
  264.                                 height="{{ video.flv_height }}">
  265.                             <param name="controller" value="false"/>
  266.                             <param name="src" value="{{ video.image_media }}"/>
  267.                             <param name="href" value="{{ video.formats.h264m.mediaurl }}"/>
  268.                             <param name="target" value="myself"/>
  269.                             <embed src="{{ video.formats.h264m.mediaurl }}" width="{{ video.flv_width }}"
  270.                                    height="{{ video.flv_height }}">
  271.                         </object>
  272.                     </video>
  273.                 {% else %}
  274.                     <span class="flashplayer_needed">
  275.                     {% trans %}multimedia_needed_to_view{% endtrans %}
  276.                     <a href="http://www.adobe.com/go/getflashplayer">Flash Player<sup>&reg;</sup></a> : <em>{{ video.sujet_titre }}</em>
  277.                 </span>
  278.                 {% endif %}
  279.             </p>
  280.             <div style="margin:0; padding: 0;text-align: center;">
  281.                 {% if video.player is defined and video.player %}
  282.                     {{ video.player|raw }}
  283.                 {% endif %}
  284.             </div>
  285.         {% endif %}
  286.     </div>
  287.     </body>
  288.     </html>
  289. {% else %}
  290.     {% if noexport is defined and noexport %}
  291.         <p>
  292.             Intégration désactivée
  293.         </p>
  294.         <p>
  295.             {{ nameview }}
  296.         </p>
  297.         <a href="{{ permalink }}" target="__blank">Cliquer ici pour voir la vidéo sur le site</a>
  298.     {% endif %}
  300.     {% if nodispo is defined and nodispo %}
  301.         Vidéo non disponible
  302.     {% endif %}
  304.     {% if montheatre is defined and montheatre %}
  305.         Vidéo réservée aux abonnés
  306.     {% endif %}
  308.     {% if nodelete is defined and nodelete %}
  309.         Vidéo supprimée
  310.     {% endif %}
  311. {% endif %}