Autoplay video on product page

Topic summary

A user wants to implement autoplay functionality for videos in their product page slideshow, similar to a reference website they provided. They are using the Dawn theme and are unsure whether custom code is needed.

Proposed Solutions:

  • PageFly representative suggests adding custom JavaScript code to the theme.liquid file, specifically above the </body> tag (though the actual code snippet appears to be missing from the post).

  • Two other users recommend a simpler approach: adding the autoplay="autoplay" attribute directly to the video tag, likely in the main-product.liquid file.

All solutions require editing theme code files. The discussion remains open with multiple technical approaches offered but no confirmation of which method the original poster chose or whether any solution was successfully implemented.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.

hey i want my video to autoplay in the slideshow of the prodcut page like this shopify website did it https://fragrancemilking.ca/products/jpg-le-beau-le-parfum?_pos=1&_psq=le+bea&_ss=e&_v=1.0

i have dawn theme, but i dont know if they added code or they did something else thanks in advance

1 Like

This is Richard from PageFly - Shopify Page Builder App

Hi @perfumecartel Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag


Hope my solution will help you resolve the issue.

Best regards,

Richard | PageFly

Hi @perfumecartel

You can add autoplay=“autoplay” attribute on your video tag

To make your video autoplay, add the autoplay=“autoplay” attribute to the video tag in the main-product.liquid file. This will require some coding.