templates/front/slices/slice_video.html.twig line 1

Open in your IDE?
  1. <section class="slice slice--video">
  2.     <div class="fluid-grid">
  3.         <div class="row">
  4.             <div class="col-12 col-11 lg-col-offset-1">
  5.                 <h2 class="title title--L relative font-weight-semibold text-violet">
  6.                     {% if slice.title is defined and slice.title is not null %}
  7.                         {{ slice.title }}
  8.                     {% endif %}
  9.                 </h2>
  10.             </div>
  11.         </div>
  12.         <div class="row mt-4 lg:mt-6">
  13.             <div class="col-12 video__wrapper">
  14.                 {% if slice.video.singleMedia.publicId is defined and slice.video.singleMedia.publicId is not null %}
  15.                     <div class="video" js-video-player="{type: 'cloudinary'}">
  16.                         {# if using cloudinary player and not HTML5 lighter version #}
  17.                         {# <video controls js-cloudinary-player-video id="{{ slice.video.singleMedia.publicId | slugify }}" class="cld-video-player cld-video-player-skin-dark" data-cld-public-id="{{ slice.video.singleMedia.publicId }}" {% if slice.poster.singleMedia.publicId is not null %}data-cld-poster-options= '{ "publicId": "{{ slice.poster.singleMedia.publicId }}" }'{% endif %}></video> #}
  18.                         <video js-video-player-video controls
  19.                                src="https://res.cloudinary.com/dw196z9vy/video/upload/v1563786645/{{ slice.video.singleMedia.publicId }}.mp4"></video>
  20.                         {% include 'front/partials/video-overlay.html.twig' with { poster: slice.poster.singleMedia, type: 'cloudinary', title: slice.subTitle is defined and slice.subTitle is not null ? slice.subTitle : '',  description: slice.description is defined and slice.description is not null ? slice.description : ''} %}
  21.                     </div>
  22.                 {% elseif slice.youtubeId %}
  23.                     <lite-youtube class="lazyload mx-auto" videoid="{{ slice.youtubeId }}"
  24.                                   {% if slice.poster.singleMedia.publicId is defined and slice.poster.singleMedia.publicId is not null is not null %}data-bg="{{ cloudinary_media(slice.poster.singleMedia, '') }}"{% endif %}>
  25.                         {% include 'front/partials/video-overlay.html.twig' with {type: 'youtube', title: slice.subTitle is defined and slice.subTitle is not null ? slice.subTitle : '',  description: slice.description is defined and slice.description is not null ? slice.description : ''} %}
  26.                     </lite-youtube>
  27.                 {% endif %}
  28.             </div>
  29.         </div>
  30.     </div>
  31. </section>