templates/Default/video.html.twig line 1

  1. {% set title = video.title %}
  2. {% set desc = video.description %}
  3. {% set menu = 'articles' %}
  4. {% set subtitle = 'Publications' %}
  5. {% if video.banner %}
  6. {% set thumbnail = video.banner.thumbnail %}
  7. {% set banner = asset(video.banner.file) %}
  8. {% elseif video.youtube %}
  9. {% set thumbnail = video.youtube|youtubeThumbnail %}
  10. {% set banner = video.youtube|youtubeThumbnail('h') %}
  11. {% endif %}
  12. {% extends 'Default/base.html.twig' %}
  14. {% block banner %}
  15. <div id='banner' class='htop-in bg-success relative gpadding {{desktop("")}} {{mobile("")}}'>
  16.     <div class='relative flex col w100 {{desktop("top-40-in")}} {{mobile("vt-20-in")}}'>
  17.         <div class='white {{desktop("gpadding top-40-in")}} {{mobile("")}}'>
  18.             <h1 class='text-center'>{{title}}</h1>
  19.             <div class="flex row center">
  20.                 <i class="border-left border-white border-1x border-solid {{desktop("vt-25-in")}} {{mobile("vt-10-in")}}"></i>
  21.             </div>
  22.         </div>
  23.     </div>
  24. </div>
  25. {% endblock banner %}
  27. {% block content %}
  28. <div class='gpadding {{desktop("vt-40-in")}} {{mobile("vt-20-in")}} '>
  29.     <div class='{{desktop("gpadding flex col space")}} {{mobile("")}}'>
  30.         <div class='w100'>
  31.             <div id='article' class='w100 radius-10 {{desktop("")}} {{mobile("")}}'>
  32.                 {% if video.description %}
  33.                 <p class='h4 black semibold {{desktop("adapt bottom-40")}} {{mobile("bottom-20")}}'>{{video.description|nl2br}}</p>
  34.                 {% endif %}
  36.                 {% if video.youtube %}
  37.                 <div class='w100'>
  38.                     <iframe class='w100 youtube-frame msquare shadow-alt bg-gray' src='{{video.youtube|replace({"youtu.be/":"youtube.com/watch?v="})|replace({"watch?v=":"embed/"})}}' frameborder='0' allow='accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture' allowfullscreen></iframe>
  39.                 </div>
  40.                 {% endif %}
  42.                 {% if video.file %}
  43.                 <div class='w100'>
  44.                     <video class='w100 shadow-alt bg-gray {{desktop("radius-20")}} {{mobile("radius-10")}}' controls='' autoplay='' src='{{path("file-read",{id:video.file.id})}}' preload='auto'></video>
  45.                 </div>
  46.                 {% endif %}
  47.             </div>
  48.         </div>
  49.     </div>
  50. </div>
  51. {% endblock %}