video

Properties

Anchor to

alt

string

The alt text of the video.

Anchor to

aspect_ratio

number

The aspect ratio of the video as a decimal.

Anchor to

duration

number

The duration of the video in milliseconds.

Anchor to

id

number

The ID of the video.

Anchor to

media_type

string

The media type of the model. Always returns 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 videos = product.media | where: 'media_type', 'video' %}

{% for video in videos %}

{{- video | video_tag }}

{% endfor %}

{% assign videos = product.media | where: 'media_type', 'video' %} {% for video in videos %} {{- video | video_tag }} {% endfor %}{ "product": { "media": [ { "media_type": "external_video" }, { "media_type": "video" } ] } }

Output

9

1

<video playsinline="playsinline" preload="metadata" aria-label="Potion beats" poster="//polinas-potent-potions.myshopify.com/cdn/shop/products/4edc28a708b7405093a927cebe794f1a.thumbnail.0000000_small.jpg?v=1655255324"><source src="//polinas-potent-potions.myshopify.com/cdn/shop/videos/c/vp/4edc28a708b7405093a927cebe794f1a/4edc28a708b7405093a927cebe794f1a.HD-1080p-7.2Mbps.mp4?v=0" type="video/mp4"><img src="//polinas-potent-potions.myshopify.com/cdn/shop/products/4edc28a708b7405093a927cebe794f1a.thumbnail.0000000_small.jpg?v=1655255324"></video>

Anchor to

position

number

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

Anchor to

preview_image

image

A preview image for the video.

Anchor to

sources

array of video_source

The source files for the video.