external_video_url

media | external_video_url: attribute: string

Returns the URL for a given external video. Use this filter to specify parameters for the external video player generated by the external_video_tag filter.

You can specify YouTube and Vimeo video parameters by adding a parameter that matches the parameter name, and the desired value.

{% for media in product.media %}

{% if media.media_type == 'external_video' %}

{% if media.host == 'youtube' %}

{{ media | external_video_url: color: 'white' | external_video_tag }}

{% elsif media.host == 'vimeo' %}

{{ media | external_video_url: loop: '1', muted: '1' | external_video_tag }}

{% endif %}

{% endfor %}

{% for media in product.media %}
  {% if media.media_type == 'external_video' %}
    {% if media.host == 'youtube' %}
      {{ media | external_video_url: color: 'white' | external_video_tag }}
    {% elsif media.host == 'vimeo' %}
      {{ media | external_video_url: loop: '1', muted: '1' | external_video_tag }}
    {% endif %}
  {% endif %}
{% endfor %}

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

Output

Was this page helpful?