Add video as homepage header instead of image

Topic summary

The original poster wants to add a looping video header to their homepage while keeping image headers on other pages, using the Live theme which doesn’t natively support this feature.

Key Solutions Identified:

  • Custom code implementation (requires developer expertise or hiring a Shopify Expert)
  • Switching to a paid theme with built-in video header support (Motion theme mentioned as one option)
  • Using third-party apps like “Video Background App”
  • Custom CSS/HTML coding (CodePen example shared: https://codepen.io/adrianparr/pen/QxMvdj)

Common Challenges:

  • Responsive design issues, particularly on mobile devices
  • Video sizing and positioning problems
  • Limited native theme support for video headers

Discussion Status:
Multiple users joined seeking the same solution. The original poster resolved their issue by purchasing a paid theme with video header capabilities. Several participants requested code examples and implementation guidance, with ongoing questions about placement in theme.liquid files and responsive behavior. A YouTube tutorial and article link were shared near the end, but the thread remains active with unresolved technical questions from newer participants.

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

this dosen’t come up on my store customisation section, can you help? my store url is millionballers.com