shopify不能上传视频

Question

我需要在产品库中添加视频。为此我正在阅读本教程https://shopify.dev/tutorials/add-theme-support-for-rich-media-3d-and-video

但是当我添加此代码时，产品图像消失了，视频也没有上传。

我在下面的产品模板和媒体中使用此代码。

   // Product-template
 {% for media in product.media %}
      {% include 'media' %}
    {% endfor %}

//In midea

    {% case media.media_type %}
      {% when 'image' %} 
            <div class="thumb">
              <a class="fancybox" rel="gallery1" href="{{ image.src | product_img_url: '1024x1024' }}" >
                <img id="product-featured-image-{{image.id}}" class="product-featured-img" src="{{ image | img_url: 'original' }}" alt="{{ image.alt | escape }}" data-zoom-image="{{ image.src | img_url: 'original' }}"/>
              </a>
            </div>
{% when 'external_video' %}
        <div class="product-single__media" style="padding-top: {{ 1 | divided_by: media.aspect_ratio | times: 100}}%;" data-media-id="{{ media.id }}">
          {{ media | external_video_tag }}
        </div>
      {% when 'video' %}
        <div class="product-single__media" data-media-id="{{ media.id }}">
          {{ media | video_tag: controls: true }}
        </div>
      {% when 'model' %}
        <div class="product-single__media" style="padding-top: 100%" data-media-id="{{ media.id }}">
          {{ media | model_viewer_tag }}
        </div>
      {% else %}
        <div class="product-single__media" style="padding-top: 100%;" data-media-id="{{ media.id }}">
          {{ media | media_tag }}
        </div>
    {% endcase %}

Answer 1

Product.media 和产品图片是不同的对象。

{% for media in product.media %}
    {% if media.media_type == 'video' %}
        {{ media | video_tag: controls: true, preload: true, image_size: "1024x" }}
    {% endif %}
{% endfor %}       
{% for image in product.images %}
        {% if forloop.first == true %}
    <figure>            
        <img src="{{ image.src | img_url: '1024x1024' }}" alt="{{ image.alt | escape }}" class="product_variant_image">
    </figure>
        {% else %}
                    <figure>            
        <img src="{{ image.src | img_url: '1024x1024' }}" alt="{{ image.alt | escape }}">
    </figure>
     {% endif %}
{% endfor %}

您需要混合使用这两个对象或将要展示的照片添加到媒体中。