Autoplay and hide controls product video on dawn 15

Autoplay and hide controls product video on dawn 15

kesmon
Tourist
11 0 2

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

Replies 5 (5)

Aashish_Bhatt
Shopify Partner
122 10 15

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 

If Helpful, Please Like & Accept Solution
Any Queries? Reach Me via Email: development.aashish@gmail.com
I am open to conversation.
kesmon
Tourist
11 0 2

HI,

 

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

Thnx.

PaulMartin
Shopify Partner
594 59 140

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 🙂👍

contact@paulmartinlopez.com
Feel free to email me! 😄
I'm open to conversations or work ʕ •ᴥ•ʔ
kesmon
Tourist
11 0 2

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? 

PaulMartin
Shopify Partner
594 59 140

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

contact@paulmartinlopez.com
Feel free to email me! 😄
I'm open to conversations or work ʕ •ᴥ•ʔ