Add a video and make it behave as a gif

Store Design
, , ,

Topic summary

Goal: Embed a product-page video that behaves like a GIF—muted, no controls, and autoplay on page load.

Current status: Sound and controls are handled; autoplay still not working. A product test page link was shared.

Suggested fixes:

  • Add HTML video attributes: autoplay, muted, loop to the
  • If autoplay still fails, add JavaScript at the end of theme.liquid (before ) to programmatically call play() on the video.
  • Note: Browser autoplay policies require videos to be muted to autoplay.

Implementation context:

  • This is within a Shopify theme (Dawn), using Liquid templates. The OP shared a section Liquid snippet but it lacks the actual
  • One reply linked a tutorial on creating a video banner section for Dawn to ensure proper section setup.

Latest updates:

  • OP asked where exactly to add the attributes in their section code.
  • A responder posted a revised Liquid block but did not include the explicit

Status: Unresolved. Key next step is inserting a proper

Summarized with AI on December 16. AI used: gpt-5.
3

Hello @JesusGomicare , Use this code