Example of a Shopify theme section that displays both externally hosted videos and videos uploaded via the store admin

videos.liquid

<div class='video-section'>
  <h2>{{ section.settings.heading }}</h2>
  {% for block in section.blocks %}
    {% case block.type %}
      {% when 'video-stored' %}
        <div class="stored-video" {{ block.shopify_attributes }}>
          {{ block.settings.video | media_tag }}
        </div>
      {% when 'external-video' %}
        <div class ="external-video"{{ block.shopify_attributes }}>
          {%- if block.settings.video_url.type == 'youtube' -%}
            <iframe src="https://www.youtube.com/embed/{{ block.settings.video_url.id }}" class="youtube" title="{{ block.settings.description | escape }}"  allow="autoplay; encrypted-media"></iframe>
          {%- else -%}
            <iframe src="https://player.vimeo.com/video/{{ block.settings.video_url.id }}" class="vimeo" title="{{ block.settings.description | escape }}" allow="autoplay; encrypted-media"></iframe>
          {%- endif -%}
        </div>
    {% endcase %}
  {% endfor %}

</div>  

{% schema %}
{
  "name": "Videos",
  "settings": [
    {
      "type": "text",
      "id": "heading",
      "label": "Custom content heading",
      "default": "Title"
    }
  ],
  "max_blocks": 1,
  "blocks": [
    {
      "name": "Shopify Hosted Video",
      "type": "video-stored",
      "settings": [
        {
          "type": "video",
          "id": "video",
          "label": "A Shopify-hosted video"
        }
      ]
    },
    {
      "name": "External Video",
      "type": "external-video",
      "settings": [
        {
          "type": "video_url",
          "id": "video_url",
          "accept": [
            "youtube",
            "vimeo"
          ],
          "default": "https://www.youtube.com/watch?v=_9VUPq3SxOc",
          "label": "URL",
          "info": "Video plays in the page."
        },
        {
          "type": "text",
          "id": "description",
          "label": "Video alt text",
          "info": "Describe the video for customers using screen readers."
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "Videos"
    }
  ]
}
{% endschema %}