templates/home/direct_fluid.html.twig line 1

Open in your IDE?
  2. {% extends 'base.html.twig' %}
  4. {% block title %}
  5.   DieuFM en direct
  6. {% endblock %}
  8. {% block stylesheets %}
  9.   {{ parent() }}
  10.   <style>
  11.     .fluid_html_on_pause {
  12.       color: white
  13.     }
  14.   </style>
  15. {% endblock %}
  17. {% block body %}
  18.   <!-- Masthead -->
  19.   <header class="masthead short">
  20.     <div class="container">
  21.       <div class="row align-items-center justify-content-center text-center">
  22.         <div class="col-lg-10 align-self-end">
  23.           <h1 class="text-uppercase text-white font-weight-bold">
  24.             Écoute en direct
  25.           </h1>
  26.           <hr class="divider my-4" />
  27.         </div>
  28.       </div>
  29.     </div>
  30.   </header>
  32.   <section class="page-section" id="donation">
  33.     <div class="container">
  34.       <div class="row justify-content-center mb-5">
  35.         <div class="col-lg-8 align-self-baseline text-center">
  36.           <p class="Xtext-white-75 mb-4">
  37.             Ecoutez ici en direct le flux audio de DieuTV ou allez sur <a target="_blank" href="https://dieutv.com">
  38.               dieutv.com
  39.             </a> pour avoir l'image.
  40.           </p>
  41.           <div>
  42.             <script src="https://cdn.fluidplayer.com/v3/current/fluidplayer.min.js"></script>
  43.             <video id="video-id">
  44.               <source src="https://cdn.katapy.io/cache/stream/katapytv/dieucustom/audio.m3u8" type="application/x-mpegURL" />
  45.               <script>
  46.                   var myFP = fluidPlayer(
  47.                       'video-id',    {
  48.                         "layoutControls": {
  49.                           "controlBar": {
  50.                             "autoHideTimeout": 100,
  51.                             "animated": true,
  52.                             "autoHide": false
  53.                           },
  54.                           "htmlOnPauseBlock": {
  55.                             "html": "En pause",
  56.                             "height": "50",
  57.                             "width": "100",
  58.                             "color": "#FFFFFF"
  59.                           },
  60.                           "autoPlay": true,
  61.                           "mute": false,
  62.                           doubleclickFullscreen: false,
  63.                           primaryColor: "#f4623a",
  64.                           "allowTheatre": false,
  65.                           "playPauseAnimation": false,
  66.                           "playbackRateEnabled": false,
  67.                           "allowDownload": false,
  68.                           "playButtonShowing": true,
  69.                           "fillToContainer": false,
  70.                           "posterImage": "",
  71.                           "title": "DieuTV audio"
  72.                         },
  73.                         "vastOptions": {
  74.                           "adList": [],
  75.                           "adCTAText": false,
  76.                           "adCTATextPosition": ""
  77.                         }
  78.                       })
  79.               </script>
  80.             <video>
  81.           </div>
  82.         </div>
  83.       </div>
  84.     </div>
  85.   </section>
  86. {% endblock %}
  88. {% block javascripts %}
  89.   {{ parent() }}
  90. {% endblock %}