How can i autoloop my product video's

How can i autoloop my product video's

liveinpeace2
New Member
11 0 0

I would like to add videos to my site. Unfortunately, these only start playing when you press a play button, both on mobile and desktop. I would like my videos to have an autoplay function and an infinite loop so that my customers don’t need to press the play button.

I’ve tried several codes, but some don’t work, and others only work on desktop but don’t apply to mobile. I would also like to remove the menu that displays the mute and play buttons. Can someone help me with this problem? I am using the Dawn theme. 

Thanks a lot!

Scherm­afbeelding 2025-01-15 om 23.30.59.pngScherm­afbeelding 2025-01-15 om 23.32.42.png

 

My site link: https://live-in-peace.com/products/basic-classic-hoodie-kopie

Reference: https://nude-project.com/collections/accesories-nude-project/products/suede-np-chain-stitching-3d-gr...

 

 

Replies 5 (5)

EstherBui
Excursionist
275 39 41

Hi liveinpeace2

You can try this follow
- Step 1: Go to Product Informantion and enable video looping https://prnt.sc/M4MXMJXlMjNI
- Step 2: Remove thumbnail image 

Best,
Esther

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

liveinpeace2
New Member
11 0 0

Thanks for your reply,

 

How do I remove the thumbnail. If I select the mp4 on the product settings the only thing I can do is replace the miniature image with other media but I dont have the option to delete the miniature image.

 

mageplaza-cs
Shopify Partner
314 22 52

Hi @liveinpeace2,

I am from Mageplaza - Shopify solution expert.

 

As I reviewed your store, I noticed that the video section uses a thumbnail, and the video is only rendered when the play button is clicked. Therefore, even though the autoplay attribute is set for the video, it doesn't play because the video has not been rendered yet. A potential solution would be to remove the video thumbnail.

Could you provide the code that controls the product section? This will help us identify a more effective solution.

mageplazacs_0-1737000094843.png

mageplazacs_1-1737000150396.png

 

Best regards

 

 

Mageplaza | Top-Rated Shopify Agency | Trusted by 230,000+ worldwide merchants


If our suggestion works for you, please give it a Like or mark it as a Solution!


Should you have any questions or concerns, feel free to contact us via consultant@mageplaza.com

liveinpeace2
New Member
11 0 0

Thanks for your reply,

 

How do I remove the thumbnail. If I select the mp4 on the product settings the only thing I can do is replace the miniature image with other media but I dont have the option to delete the miniature image.

mageplaza-cs
Shopify Partner
314 22 52

Hi @liveinpeace2,

 

f there is no option to delete the thumbnail image, you may need to edit the theme by modifying its code.

Mageplaza | Top-Rated Shopify Agency | Trusted by 230,000+ worldwide merchants


If our suggestion works for you, please give it a Like or mark it as a Solution!


Should you have any questions or concerns, feel free to contact us via consultant@mageplaza.com