Shopify themes, liquid, logos, and UX
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!
My site link: https://live-in-peace.com/products/basic-classic-hoodie-kopie
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
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.
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.
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
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.
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
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025