I have display the product images and video of products on my homepage.
product image working fine, but product video is blur after click on play video working fine. so i want to add preview image or thumbnail for video section.
current code
{% case media.media_type %}
{% when 'external_video' %}
<div class="product-media-type product-single__media" data-media-id="{{ media.id }}">
{{ media | external_video_tag }}
</div>
{% when 'video' %}
<div class="product-media-type product-single__video" data-media-id="{{ media.id }}">
{{ media | video_tag: autoplay: false, loop: true, muted: true, controls: true }}
</div>
{% endcase %}
<div class="row">
<div class="col-lg-12 col-md-12">
{% for media in product.media %}
{% render 'homemediavideo', media: media %}
{% endfor %}
</div>
</div>
