Shopify-视频和视频；特色媒体

对于我的每个产品，我将有一张图片和一个视频。 基本上，我试图在我的产品模板的一部分展示图片，在其他地方展示视频

我的图片总是第一个上传的媒体（因此是“特色媒体”），视频总是第二个

因此，我想将此代码从“显示特色媒体”更新为“在媒体列表中显示视频”：

{%-assign characterized_media=product.selected_或_first_available_variant.characterized_media |默认值：product.characterized_media-%}
{product.media%中的媒体为%1}
{%包括“媒体”，媒体：媒体，特色媒体：特色媒体，高度：高度，启用图像缩放：启用图像缩放，图像缩放尺寸：产品图像缩放尺寸，图像缩放比例：产品图像缩放比例%}
{%-endfor-%}
{%capture-product\u-image\u-size%}{{height}}x{%endcapture%}

---

我尝试过使用特色媒体分配，但不知道如何简单地提取视频（或第二媒体）并正确地显示它。

以下是供您使用的想法

单击产品管理页面上的图像/视频时，可以设置

alt text

。当您在

product.media

集合中循环时，

media.alt

可以调用此值。检查

媒体.alt的状态，并根据需要显示或隐藏内容

{% for media in product.media %}
    {% if media.alt contains 'myVideo' %}
        do something
    {% endif %}
{% endfor %}

另一个例子是，检查媒体类型
media.media\u type
，并显示内容

{% for media in product.media %}
  {% case media.media_type %}
    {% when 'image' %}
      <div class="product-image">
        <img src="{{ media | img_url: '100x100'}}" alt="{{ media.alt }}">
       </div>
    {% when 'external_video' %}
      <div class="product-single__media">
        {{ media | external_video_tag }}
      </div>
    {% when 'video' %}
      <div class="product-single__video">
        {{ media | video_tag: controls: true }}
      </div>
    {% when 'model' %}
      <div class="product-single__media">
        {{ media | model_viewer_tag }}
      </div>
    {% else %}
      <div class="product-single__media">
        {{ media | media_tag }}
      </div>
  {% endcase %}
{% endfor %}

{%用于product.media%}
{%case media.media_type%}
{%when'图像“%”
{%when'external_video%}
{{媒体|外部_视频_标签}
{%when'视频“%”
{{media | video_标记：controls:true}
{%when'模型“%”
{{media | model_viewer_tag}
{%else%}
{{media}media|u tag}
{%endcase%}
{%endfor%}

谢谢查尔斯，这真的帮助我达到了我想要的目的。现在我有一个不同的问题，虽然“控制：真”是强制性的播放按钮，但意味着我的视频成为可下载。。。如果你碰巧知道如何影响这个设置，我希望得到一些帮助。不管怎样，再次感谢你的帮助！你是说
controlsList=“nodownload”
绝对是。但是我不知道如何将controlsList元素附加到创建的视频中。别介意Charles，我已经找到了一种使用Shopify视频播放器的方法。再次感谢你的帮助！
{% for media in product.media %}
  {% case media.media_type %}
    {% when 'image' %}
      <div class="product-image">
        <img src="{{ media | img_url: '100x100'}}" alt="{{ media.alt }}">
       </div>
    {% when 'external_video' %}
      <div class="product-single__media">
        {{ media | external_video_tag }}
      </div>
    {% when 'video' %}
      <div class="product-single__video">
        {{ media | video_tag: controls: true }}
      </div>
    {% when 'model' %}
      <div class="product-single__media">
        {{ media | model_viewer_tag }}
      </div>
    {% else %}
      <div class="product-single__media">
        {{ media | media_tag }}
      </div>
  {% endcase %}
{% endfor %}