Unable to make product video autoplay, looped and muted when uploading a video on a product

Technical Q&A
,

Topic summary

A user is trying to implement an autoplaying, looping, and muted product video on their Shopify store, similar to what major brands like Therabody use on their product pages.

Current Issue:

  • When uploading a video as a product image, the video does not autoplay or loop automatically
  • The desired functionality shows the video playing immediately when the page loads, continuously looping without sound

Example Reference:
Therabody’s Smart Goggles product page demonstrates the target behavior with an autoplay video showing product usage

Status:
The discussion remains open with one respondent offering coding assistance to implement the solution, pending confirmation from the original poster about their comfort level with code modifications.

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

Hey Amazing shopify community,

I hope you are able to help me out with the current issue I am facing, I have seen big brands being able to upload video demo of their product as the product image on shopify, however I am unable to replicate the same level as when I upload the video as the product image, my video is unable autoplay and loop.

An example of a big brand doing it would be therabody, SmartGoggles 2nd Gen | Soothe Headaches & Reduce Stress | Therabody US

When you load their product page, you see an autoplay video of a man putting on their product and that video loops, autoplay and is muted.

I was hoping whether anyone here could help me out with this and kindly advise me on how I can replicate the same for my video

3

Yeah, that’s definitely achievable on Shopify, Shopify’s native video upload doesn’t autoplay or loop by default (it’s intentionally restricted), but you can absolutely replicate the same experience by embedding the video as an inline element within the media wrapper, and then controlling it with a few lines of JavaScript to enable autoplay, looping, and mute.

It depends slightly on your theme’s structure (some handle media differently), but it’s just a matter of finding where the product__media block is rendered and injecting the right attributes.

If you’re comfortable digging into your theme’s Liquid code, I can walk you through it step by step; or, if you’d rather have it set up cleanly without breaking your current gallery layout, I can take a look and implement it for you directly.

4

I see, how do i do that? As I am currently using pagefly page builder to build my shopify product page. when it comes to this product_media block, I have to dig into the theme code to find it?

5

Most of the themes support this feature but it might be your theme does’t support this feature.

Could you please share your store url along with the password [if applicable] so that I can take a look and provide you with the solution code.

Thanks

6

Exactly, you’ve got it right. Since PageFly is handling the layout visually, it doesn’t expose Shopify’s native product__media block directly in its editor. The autoplay and loop behavior you’re after actually happens on the theme layer, not inside PageFly.

What you can do is:

  1. Identify which section or snippet your product template is calling for media (in most themes, it’s something like main-product.liquid or product-media-gallery.liquid).

  2. Inside that file, locate the <video> or <media> tag — then you can add attributes like autoplay, loop, muted, and playsinline.

  3. Finally, you can re-sync that section to PageFly, so the video still appears in your PageFly layout but keeps the autoplay behavior.

If this is feeling too technical, let me know i could come in and save you the hassle.

7

Absolutely, here you go, RevivoSox™ - Instant Cold Compression Relief for Sore or Injured Ankle – OwnyFitness

8

Try this solution: How to Autoplay product videos - #20 by tim_1
This is a proper preview link.
looks like your theme is one of Dawn family, so this may work for you.