vendor/store.shopware.com/dkdcmshtmlvideo/src/Resources/views/storefront/element/cms-element-html-video.html.twig line 1

Open in your IDE?
  1. {% block dkd_cms_element_html_video_container %}
  2.     {% block dkd_cms_element_html_video_inner %}
  3.         {% if element.data.video.url and element.data.video.mimeType == 'video/mp4' %}
  4.             {% block dkd_cms_element_html_video_element %}
  5.                 {% if element.translated.config.showControls.value %}
  6.                     {% set showControls = "controls = controls" %}
  7.                 {% endif %}
  9.                 {% if element.translated.config.autoplay.value %}
  10.                     {% set showAutoplay = "autoplay = autoplay" %}
  11.                 {% endif %}
  13.                 {% if element.translated.config.showLoop.value %}
  14.                     {% set showLoop = "loop = loop" %}
  15.                 {% endif %}
  17.                 {% if element.translated.config.showMutedVideo.value %}
  18.                     {% set showMuted = "muted = muted" %}
  19.                 {% endif %}
  21.                 {% if element.translated.config.height.value and element.translated.config.displayMode.value == "cover" %}
  22.                     {% set height = "min-height : " ~ element.translated.config.height.value %}
  23.                 {% endif %}
  25.                 {% if element.data.previewImage %}
  26.                     {% set poster = "poster = " ~ element.data.previewImage.url %}
  27.                 {% endif %}
  29.                 <div class="cms-{{ element.type }}-container is-{{ element.translated.config.displayMode.value }}" style="{{ height }}">
  30.                     <video {{ showControls }} {{ showAutoplay }} {{ showLoop }} {{ showMuted }} {{ poster }} playsinline>
  31.                         <source type="{{ element.data.video.mimeType }}" src="{{ element.data.video.url }}">
  32.                     </video>
  33.                 </div>
  34.             {% endblock %}
  35.         {% endif %}
  36.     {% endblock %}
  37. {% endblock %}