vendor/shopware/storefront/Resources/views/storefront/element/cms-element-youtube-video.html.twig line 1

  1. {% block element_youtube_video %}
  2.     {% set config = element.fieldConfig.elements %}
  3.     {% set elementData = element.data %}
  5.     {% if config.advancedPrivacyMode.value == true %}
  6.         {% set videoUrl = 'https://www.youtube-nocookie.com/embed/' %}
  7.     {% else %}
  8.         {% set videoUrl = 'https://www.youtube.com/embed/' %}
  9.     {% endif %}
  11.     {% set videoUrl = videoUrl ~ config.videoID.value ~ '?' ~ 'rel=0' ~ '&'  %}
  13.     {% if config.autoPlay.value %}
  14.        {% set videoUrl = videoUrl ~ 'autoplay=1' ~ '&' %}
  15.     {% endif %}
  17.     {% if config.loop.value %}
  18.         {% set videoUrl = videoUrl ~ 'loop=1' ~ '&' ~ 'playlist=' ~ config.videoID.value ~ '&' %}
  19.     {% endif %}
  21.     {% if config.showControls.value == false %}
  22.         {% set videoUrl = videoUrl ~ 'controls=0' ~ '&' %}
  23.     {% endif %}
  25.     {% if config.start.value > 0 %}
  26.         {% set videoUrl = videoUrl ~ 'start=' ~ config.start.value ~ '&' %}
  27.     {% endif %}
  29.     {% if config.end.value == not null %}
  30.         {% set videoUrl = videoUrl ~ 'end=' ~ config.end.value ~ '&' %}
  31.     {% endif %}
  33.     {% set videoUrl = videoUrl ~ 'disablekb=1' %}
  35.     {% if config.displayMode.value == 'standard' or config.displayMode.value == null %}
  36.         {% set displayMode = '' %}
  37.     {% else %}
  38.         {% set displayMode = 'is--' ~ config.displayMode.value %}
  39.     {% endif %}
  41.     <div class="cms-element-youtube-video {{ displayMode }}">
  43.         {% block element_youtube_video_inner %}
  44.             {% set iframeClass = 'cms-element-youtube-video__video' %}
  46.             {% if config.needsConfirmation.value == false %}
  47.                 <iframe class="{{ iframeClass }}"
  48.                         src="{{ videoUrl }}">
  49.                 </iframe>
  50.             {% else %}
  51.                 {% set pluginConfiguration = {
  52.                     videoUrl: videoUrl,
  53.                     iframeClasses: [ iframeClass ],
  54.                     btnClasses: [ 'btn', 'btn-outline-secondary' ],
  55.                     backdropClasses: [ 'cms-element-youtube-video__backdrop' ],
  56.                     confirmButtonText: 'component.cms.vimeo.acceptButtonLabel'|trans,
  57.                     overlayText: 'component.cms.vimeo.privacyNoticeText'|trans({
  58.                         '%url%': path('frontend.cms.page',{ id: config('core.basicInformation.privacyPage') }),
  59.                         '%platform%': 'YouTube'
  60.                     })|raw
  61.                 } %}
  63.                 {% block element_youtube_video_placeholder %}
  64.                     <div class="cms-element-youtube-video__placeholder"
  65.                          data-cms-gdpr-video-element="true"
  66.                          data-cms-gdpr-video-element-options="{{ pluginConfiguration|json_encode }}">
  68.                         {% if elementData.media %}
  69.                             {% sw_thumbnails 'cms-element-youtube-video__placeholder' with {
  70.                                 media: elementData.media
  71.                             } %}
  72.                         {% endif %}
  73.                     </div>
  74.                 {% endblock %}
  75.             {% endif %}
  76.         {% endblock %}
  77.     </div>
  78. {% endblock %}