How do i autoplay a video in my product page?

Store Design

Topic summary

Users are seeking methods to enable autoplay for product videos across various Shopify themes, primarily Dawn, Ira, Spark, Craft, Sense, and Kalleas.

Solution for Dawn Theme:

  • Navigate to Snippets > product-media.liquid in the code editor
  • Locate the external_video_url block (around line 73)
  • Add muted: true, autoplay: true, loop: loop to the parameters
  • Example: external_video_url: muted: true, autoplay: true, loop: loop, playlist: media.external_id
  • Optionally add CSS to remove focus outlines on the video element

Key Technical Requirements:

  • Videos must be muted by default for autoplay to work in modern browsers (browser policy restriction)
  • For YouTube embeds, add ?muted=1 parameter to the URL
  • Solution works on desktop but may require additional configuration for mobile devices

Ongoing Challenges:

  • Mobile autoplay remains problematic for some users despite implementing the fix
  • Users hosting videos directly on Shopify (internal_video_url) report different behavior than external hosts
  • Theme-specific variations (Spark, Craft, Sense, Kalleas) lack clear documentation; some themes don’t expose the necessary code files

Status: Partial resolution achieved for Dawn theme desktop; mobile and alternative theme solutions remain open questions.

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

Hi! Thank you for sharing. Where do I add code to put a video on Autoplay on the Craft theme?