How do i loop a product video when mouse hovers over product? Taste theme

Store Design

Topic summary

A user wants product videos to loop when hovering over product cards on their Shopify store using the Taste theme. They’ve uploaded a video as product media and want it to display with a green background initially, then loop the video (their second media upload) on hover.

Current Issue:

  • The video isn’t rendering as the second media item on product cards
  • Initial suggestion to reorder media in Shopify admin hasn’t resolved the problem

Next Steps:

  • User needs to verify the video is properly uploaded and showing as second media
  • If media order is correct, custom code changes will be required to enable the hover-to-play functionality

The discussion remains open, awaiting confirmation of the media setup before proceeding with potential code modifications.

Summarized with AI on November 5. AI used: claude-sonnet-4-5-20250929.
1

Hi,

I would like for the video i uploaded as one of my product media to loop when a mouse hovers over the product at any point. How can I do this? Thank you.

https://080d97-8b.myshopify.com/

pw: utredi

2

Hello @lisanchem

From the description you mentioned, i think you want to show the video playing when mouse hover on the product card right ?

if yes, then you only need to change the media order in the product in shopify admin, so the video can shows up and play on hover using mouse.

3

Hi @parth_ghelani

It isn’t working, i would like it to appear as the green background first but when i hover over it, it should loop the video that i put as my second media upload. (2nd in order)

4

But, there is no video is rendering as the second media in any of your product card.

Can you please double check the media, so the video is shown up and shows as second media ?

Otherwise you have to make changes in code side, so the video can be render and shows up on hover.