Thanks @KetanKumar ! I’m not looking to add a video to the page, I want to make the banner/header a video not a static 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.
1 Like