external_video

Properties

Anchor to

alt

string

The alt text of the external video.

Anchor to

aspect_ratio

number

The aspect ratio of the video as a decimal.

Anchor to

external_id

string

The ID of the video from its external source.

Anchor to

host

string from a set of values

The service that hosts the video.

Possible values
youtube
vimeo

Anchor to

id

number

The ID of the external video.

Anchor to

media_type

string

The media type of the external video. Always returns external_video.

Example

Filter for media of a specific type

You can use the media_type property with the where filter to filter the product.media array for all media of a desired type.

CodeData

Reset Code

9

1

2

3

4

5

{% assign external_videos = product.media | where: 'media_type', 'external_video' %}

{% for external_video in external_videos %}

{{- external_video | external_video_tag }}

{% endfor %}

Code

{% assign external_videos = product.media | where: 'media_type', 'external_video' %}

{% for external_video in external_videos %}
  {{- external_video | external_video_tag }}
{% endfor %}

Data

{
  "product": {
    "media": [
      {
        "media_type": "external_video"
      },
      {
        "media_type": "video"
      }
    ]
  }
}

Output

9

1

<iframe frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="allowfullscreen" src="https://www.youtube.com/embed/vj01PAffOac?controls=1&amp;enablejsapi=1&amp;modestbranding=1&amp;origin=https%3A%2F%2Fpolinas-potent-potions.myshopify.com&amp;playsinline=1&amp;rel=0" title="Potion beats"></iframe>

Output

<iframe frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="allowfullscreen" src="https://www.youtube.com/embed/vj01PAffOac?controls=1&amp;enablejsapi=1&amp;modestbranding=1&amp;origin=https%3A%2F%2Fpolinas-potent-potions.myshopify.com&amp;playsinline=1&amp;rel=0" title="Potion beats"></iframe>

Anchor to

position

number

The position of the external video in the product.media array.

Anchor to

preview_image

image

A preview image of the media.

Note

Preview images don't have an ID attribute.