templates/PageParts/VideoPagePart/view.html.twig line 1

Open in your IDE?
  1. {% import _self as buildImage %}
  3. {% macro setFilters(image, altText, type, cropping) %}
  5.     {% set imgUrl = '' %}
  7.     {% if type in ['svg', 'gif'] %}
  8.         {% set imgUrl = absolute_url(asset(image)) %}
  9.         <img class="video-pp__link__img" src="{{ imgUrl }}"{% if altText %} alt="{{ altText }}"{% endif %} />
  10.     {% else %}
  11.         {% set previewSrc = croppedImgSrc(image, cropping, jml_img_large.preview) %}
  12.         {% set mobileSrc = croppedImgSrc(image, cropping, jml_img_large.mobile) %}
  13.         {% set imgSrc = croppedImgSrc(image, cropping, jml_img_large.full) %}
  15.         <img class="video-pp__link__img lazy" src="{{ previewSrc }}" data-srcset="{{ mobileSrc }} 480w, {{ imgSrc }} 1920w"{% if altText %} sizes="100vw" alt="{{ altText }}"{% endif %}/>
  16.         <noscript>
  17.             <img class="video-pp__link__img" src="{{ previewSrc }}"{% if altText %} alt="{{ altText }}"{% endif %} />
  18.         </noscript>
  19.     {% endif %}
  20. {% endmacro %}
  23. {% if resource.video is defined and resource.video %}
  24.     <div class="video-pp">
  25.         {% set videoImage = asset('frontend/img/general/video-pp--default.svg') %}
  26.         {% set imageType = 'jpg' %}
  27.         {% if resource.thumbnail is not empty %}
  28.             {% set videoImage = asset(resource.thumbnail.url|imagine_filter('optim')) %}
  29.             {% set imageType = resource.thumbnail.originalFilename|lower|split('.')|last %}
  30.         {% endif %}
  32.         {% set handler = mediamanager.getHandler(resource.video) %}
  33.         {% set helper = handler.getFormHelper(resource.video) %}
  35.         {% if helper.type == 'youtube' %}
  36.             {% set videoEmbedUrl = "//www.youtube.com/embed/" ~ helper.code %}
  37.         {% elseif helper.type == 'vimeo' %}
  38.             {% set videoEmbedUrl = "//player.vimeo.com/video/" ~ helper.code %}
  39.         {% elseif helper.type == 'dailymotion' %}
  40.             {% set videoEmbedUrl = "//www.dailymotion.com/embed/video/" ~ helper.code %}
  41.         {% endif %}
  43.         <div class="videolink">
  44.             <a href="{{ videoEmbedUrl }}" target="_blank" rel="noopener" class="js-videolink-play-link videolink__video-link" data-video-provider="{{ helper.type }}" data-video-id="{{ helper.code }}" data-make-fluid="true">
  45.                 <i class="videolink__video-link__icon icon icon--play"></i>
  46.                 {% if resource.thumbnail is not empty %}
  47.                     {{ buildImage.setFilters(resource.thumbnail.url, resource.caption, imageType) }}
  48.                 {% else %}
  49.                     <img class="video-pp__link__img" src="{{ 'https://i.ytimg.com/vi/' ~ helper.code ~ '/maxresdefault.jpg' }}" alt="">
  50.                 {% endif %}
  51.             </a>
  52.             <div class="js-videolink-container videolink__video-container"></div>
  53.         </div>
  55.         {% if resource.caption %}
  56.             <div class="video-pp__caption">
  57.                 <p class="video-pp__caption__text">{{ resource.caption }}</p>
  58.             </div>
  59.         {% endif %}
  60.     </div>
  61. {% endif %}