Product Video auto play and video icon does not come on thumbnail

[Danish864]

Hi ,

I have videos for every product but thumbnail does not show it's a video (video icon not showing) . Also videos not playing automatically. I have video with every product first come all the images and in last video come.  customers can not see we have video for the product. i need help with this.

Here is my store link https://rsmf99yzo9s9ldjg-46390837405.shopifypreview.com

no video icon thumbnail

@Kinjaldavra @Hardik29418 @AlexHodzitsky @dmwwebartisan @KetanKumar @PageFly-Victor 

[KetanKumar]

@Danish864 

sorry for this issue product page video doesn't automatic show icon on thumb please add custom icon on thumb

[LitExtension]

Hi @Danish864, 

- Icon video: You need to add icon for the video thumbnails. Means at the line "for product.media" you need to check if for the case that the media is video. Refer https://i.imgur.com/ZxFcggz.png

Code check: {%- if media.media_type == 'video' or media.media_type =='external_video' -%}{%- endif -%}

All will usually be in a file called product-template.liquid.

- Auto play: You will need to add JS to catch the click event on video thumbnails. It will not be able to guide, you need to contact the owner of the theme.

Or you can read the manual: https://shopify.dev/tutorials/add-theme-support-for-rich-media-3d-and-video

Hope it clear to you.

[mel30]

Hey @KetanKumar 

I have added the custom playicon so that it displays on thumb. It displays on the main image but not on thumb

{% if media.media_type == 'video' %}
<div class="play-icon-overlay"></div>
{% endif %}

What could be the issue

Here is the store link: https://uaaw831h0fjx8qcn-13017972795.shopifypreview.com
Product: https://www.athreyaherbs.com/products/organic-neem-leaf-powder-azadirachta-indica


Not familiar with Java script Thank you for your support. 🙂