Add autoplay to a video inside a hero section

Store Design
, ,
1

Hello community!
I have a hero section on my landing that includes a video, and I’d like it to autoplay automatically on all devices without visitors having to click anything. In desktop it works fine, my main problem is on mobile. Is there a code i can add to make the section autoplay?

Thank you in advance!
My store url is: www. sclpted. com
Delete the spaces to copy the URL shopify community is not letting me post the actual URL

2

Hey @sclpted

I just checked your website and that video is completely working fine and auto playing for me on both desktop and mobile, are you sure that issue is still occuring?

Best,
Moeed

3

Hello Mooed, Thank you for your quick response! It works most of the times, but in some cases it doesnt load properly, is there a code to ensure the autoplay feature? thank you again! I really aprecciated.

4

Hey, I ran into that same issue before. On mobile, videos usually won’t autoplay unless they’re muted, so try adding muted playsinline autoplay in the video tag. That should do the trick.

5

Hello @sclpted ,

I visited your site, and the video in the hero section is working perfectly. Can you explain?

Thanks!

6

Hello! it works most of the time but in mobile sometimes it doesnt load properly, just to make sure. thank you!

7

Hi @sclpted ,

I tried it multiple times on mobile, the video is working absolutely perfectly.

Thank you.