{% assign media = media %}
{% assign videoURL = videoURL %}
{% assign videoType = videoType | default: 'normal' %}

{% if videoType == "normal" %}

  {% if video_src != 'none' %}
    <div class="shx-video">
      <div class="shx-video__wrapper">
        {%- echo media | media_tag: image_size: "2048x", autoplay: true, muted: true, loop: true, controls: false, preload: "none" -%}
      </div>
    </div>
  {% endif %}

{% elsif videoType == "card_product" %}

  <shx-video-card-product style="display: flex;">
    {%- echo media | media_tag: image_size: "2048x", autoplay: false, muted: true, loop: true, controls: false, preload: "none", class: "shx-video-card-product" -%}
  </shx-video-card-product>

{% elsif videoType == "banner" %}

  <div>
    <video
      class="shx-video-banner"
      autoplay
      loop
      muted
      controls="false"
      preload="none">
      <source src="{{videoURL }}" type="video/mp4">
      Your browser does not support the video tag.
    </video>
  </div>

{% endif %}