custom/static-plugins/NdTheme/src/Resources/views/storefront/element/cms-element-vimeo-video.html.twig line 1

Open in your IDE?
  1. {% block element_vimeo_video %}
  2.     {% set config = element.config %}
  3.     {% set elementData = element.data %}
  5.     {% set videoUrl = 'https://player.vimeo.com/video/' %}
  6.     {% set videoUrl = videoUrl ~ config.videoID.value ~ '?' %}
  8.     {% if config.autoplay.value == true %}
  9.         {% set videoUrl = videoUrl ~ 'autoplay=true' ~ '&' %}
  10.     {% endif %}
  12.     {% if config.byLine.value == false %}
  13.         {% set videoUrl = videoUrl ~ 'byline=false' ~ '&' %}
  14.     {% endif %}
  16.     {% set videoUrl = videoUrl ~ 'color=' ~ config.color.value|replace({'#': ''}) ~ '&' %}
  17.     {% set videoUrl = videoUrl ~ 'dnt=' ~ config.doNotTrack.value ~ '&' %}
  18.     {% set videoUrl = videoUrl ~ 'loop=' ~ config.loop.value ~ '&' %}
  20.     {% if config.title.value == false %}
  21.         {% set videoUrl = videoUrl ~ 'title=false' ~ '&' %}
  22.     {% endif %}
  24.     {% if config.portrait.value == false %}
  25.         {% set videoUrl = videoUrl ~ 'portrait=false' ~ '&' %}
  26.     {% endif %}
  28.     {% if config.controls.value == false %}
  29.         {% set videoUrl = videoUrl ~ 'controls=false' ~ '&' %}
  30.     {% endif %}
  32.     <div class="cms-element-vimeo-video w-full ratio ratio_16x9">
  34.         {% block element_vimeo_video_inner %}
  36.             {% set iframeClass = 'cms-element-vimeo-video__video' %}
  38.             {% if config.needsConfirmation.value == false %}
  39.                 <iframe class="{{ iframeClass }}"
  40.                         src="{{ videoUrl }}">
  41.                 </iframe>
  42.             {% else %}
  43.                 {% set pluginConfiguration = {
  44.                     videoUrl: videoUrl,
  45.                     iframeClasses: [ iframeClass ],
  46.                     btnClasses: [ 'btn', 'btn-outline-secondary' ],
  47.                     backdropClasses: [ 'cms-element-vimeo-video__backdrop' ],
  48.                     confirmButtonText: 'component.cms.vimeo.acceptButtonLabel'|trans,
  49.                     overlayText: 'component.cms.vimeo.privacyNotice'|trans({
  50.                         '%url%': path('frontend.cms.page',{ id: config('core.basicInformation.privacyPage') }),
  51.                         '%platform%': 'Vimeo'
  52.                     })|raw
  53.                 } %}
  55.                 {% block element_vimeo_video_placeholder %}
  56.                     <div class="cms-element-vimeo-video__placeholder"
  57.                          data-cms-gdpr-video-element="true"
  58.                          data-cms-gdpr-video-element-options="{{ pluginConfiguration|json_encode }}">
  60.                         {% if elementData.media %}
  61.                             {% sw_thumbnails 'cms-element-vimeo-video__placeholder' with {
  62.                                 media: elementData.media
  63.                             } %}
  64.                         {% endif %}
  65.                     </div>
  66.                 {% endblock %}
  67.             {% endif %}
  70.         {% endblock %}
  72.     </div>
  73. {% endblock %}