Autoplay and hide controls product video on dawn 15

Store Design
, , ,
1

Hi,

I’ve added a video for my product. The same as I would for an image. But I want to to play automatically in a loop and to not have controls. Can someone help me? Stubble&co have done this perfectly:

https://www.stubbleandco.com/products/the-roll-top-20l

2

Hi @kesmon ,

Welcome to the Shopify community. I am Shopify Partner here to help you.

I opened the URL you pasted above. The video seams to play auto and in loop as well, it is also not showing any controls on video. I think it’s working correct. Just sharing a screenshot here if I am checking the correct video.

https://prnt.sc/lgdYTnWglj6A

Thanks

3

HI,

This is the goal, not my page. This is my page: https://bagga.store/products/daily-duffel

Thnx.

4

Hi Kesmon,

You’ll need to turn off the controls setting inside the Theme’s code. As for autoplay, your theme already has autoplay in it, it just needs to be changed.

PaulMartin_0-1727926420615.png

Then you might want to be aware that modern browsers block audio (or videos with an unmuted audio track) from autoplaying, as sites that automatically play audio can be an unpleasant experience for users.

Let me know if you need further help or you have any questions :slightly_smiling_face: :+1:

5

Hi Paul,

Thanks for your reply.I can’t seem to find this piece of code. How do I turn off the controls in the theme’s code? What do I change the: controls:“controls” to?

6

Hi Kesmon, inside the Code Editor for the theme, open the file named product-thumbnail.liquid, then by scrolling down to number 144 or 145. You’ll find this piece of code

PaulMartin_0-1728005641305.png

After that, just change controls: true into controls: false

7

Hi,

Now it works if you press the miniature image but not if you slide trough the images on mobile. Do you know what to do?