How can I set up automatic video looping on my website?

Shopify Discussion

Topic summary

A Shopify store owner wants their homepage video to autoplay on loop instead of requiring manual play button clicks.

Solution Provided:
A user shared step-by-step instructions using a custom liquid section with HTML5 video code. The solution includes:

  • Adding a custom liquid section through Theme > Customize
  • Inserting HTML <video> tag with autoplay, loop, and muted attributes
  • The code snippet was provided with visual screenshots

Initial Success:
The original poster confirmed the solution worked perfectly on their site (lollilifting.com).

Ongoing Issues:
Multiple users report the autoplay feature fails on mobile devices (iPad, phones) despite working on desktop. The play button still appears on mobile platforms.

The discussion remains partially resolved - desktop autoplay works, but mobile compatibility issues persist without additional solutions offered.

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

Hi everyone!

I have my own video inserted on my website homepage but you have to manually click play when you go on the website (www.lollilifting.com for reference). I would like the video to just play automatically on loop as soon as a customer clicks on my site.

Any help would be greatly appreciated!

Thanks

2

Hi @Lucywooldridge ,

You can achieve this by adding a custom liquid section on the site.

Please follow below steps to add the custom liquid section on the site.

Step 1: Go to theme > customize

makkaomakka_0-1699612525115.png
makkaomakka_0-1699612525115.png1851×493 67 KB

Step 2: Add a custom liquid to the home page

makkaomakka_1-1699612575969.png
makkaomakka_1-1699612575969.png957×294 20.5 KB

Step 3: Add below code to the content of the new section

makkaomakka_2-1699612687849.png
makkaomakka_2-1699612687849.png1876×556 185 KB

Step 4: Save the changes.

Referance: https://mangit.myshopify.com/

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,

Makka

2 Likes
3

Hi @theycallmemakka

That worked perfectly! Thank you very much for your help.

I really do appreciate it.

Have a great day,

Lucy

1 Like
4

Glad that worked :slightly_smiling_face:

Have a great day,

Makak

5

Hey may I have some help with this. I did try this method and it works fine on my PC but when you preview site on iPad or mobile device it still shows play button. Help please :pensive_face:

6

Hello, i have the same problem!

When i enter my website, i have to clic play to the video.

Mi web is https://www.olivita.com.uy/

how can i play it automatically? and full screen?

thank u very much

Olivita

7

I tried it from my phone but it didn’t work. Do you have another code or any suggestions for it to work from the app?