templates/Includes/video-area.html.twig line 1

Open in your IDE?
  1. <section class="content-block container container-sm js-fade-in {{ styleModifier | default(null) }} {{ anchorNavItem | default(null) ? 'js-anchor-nav__item' : '' }}"
  2.     {% if anchorNavItem | default(null) and anchorNavTitle | default(null) %}
  3.     data-anchor-nav-title="{{ anchorNavTitle }}"
  4.     {% endif %}>
  5.     {{ include('Includes/title-block.html.twig', {
  6.         title: title|default(''),
  7.         subtitle: subtitle|default(''),
  8.         isCentered: true,
  9.     }) }}
  11.     {% set videoStyleModifier = 'embed-responsive-item' %}
  13.     {% set video = getVideoEditable(video) %}
  14.     {% if video %}
  15.         {% if video.videoType|default('') != 'asset' %}
  16.             
  17.             {% set src = '' %}
  18.             {% if video.videoType == 'youtube' %}
  19.                 {% set src = 'https://www.youtube.com/embed/' %}
  20.             {% elseif video.videoType == 'vimeo' %}
  21.                 {% set src = 'https://player.vimeo.com/video/' %}
  22.             {% elseif video.videoType == 'dailymotion' %}
  23.                 {% set src = 'https://www.dailymotion.com/embed/video/' %}
  24.             {% endif %}
  25.             {% set src = src ~ video.id %}
  27.             <div class="video-area__video embed-responsive embed-responsive-16by9 js-consent-overlay" data-consent-type="marketing">
  28.                 <div class="js-consent-overlay__overlay consent-overlay embed-responsive-item bg-light-bg d-flex justify-content-center flex-column align-items-center">
  29.                     {{ 'cookies.accept-cookies-to-show-video' |trans }}
  30.                     <button type="button" class="btn btn-primary-light mt-4 js-consent-overlay__btn">
  31.                         {{ 'cookies.accept-marketing-cookies' |trans }}
  32.                     </button>
  33.                 </div>
  34.                 
  35.                 <iframe class="embed-responsive-item js-consent-overlay__iframe"
  36.                         src=""
  37.                         frameborder="0"
  38.                         data-iframe-src="{{ src }}"
  39.                         allowfullscreen>
  40.                 </iframe>
  41.             </div>
  42.         {% else %}
  43.             <div class="video-overlay__wrapper js-play-video">
  44.                 <div class="video-overlay embed-responsive embed-responsive-16by9 js-play-video__overlay">
  45.                     <span class="icon icon-play video-overlay__icon" title="play" aria-label="play"></span>
  46.                     <img src="{{ video.getImageThumbnail('video-overlay') }}" class="js-lazy-img embed-responsive-item" >
  47.                 </div>
  48.                 <div class="video-overlay__video embed-responsive embed-responsive-16by9">
  49.                     {{ video|raw }}
  50.                     {% do jsConfig().add('videoJs', true) %}
  51.                 </div>
  52.             </div>
  53.         
  54.         {% endif %}
  55.     {% endif %}
  56. </section>