I want to make the header on my home page a short video loop on repeat. Currently I use the Live theme and I only see an option for an image header. How can I switch that to a video, but only for the home page? When a site visitor is on the other pages I want it to be an image as the header behind the main menu
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.
3 Likes
Hello, @Julianna
Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.
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
1 Like
It can be done by doing some code customization. Please take the help of a developer and hire Shopify Expert or me
Hi Julianna,
I’m trying to do the same thing for my shopify site. I clicked on the link you provided and noticed the video is in the header now. What was your solution to this?
Thank you,
Ashton
1 Like
Hello, @ashtonbaran
Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.
Thanks for url
sorry, but the store is password protect. can you please share us.
also please mansion your issue so i can help you.
Your site looks great! Could you share how you were able to do this?
Hey, how are you ?
Can I share my URL as well for the same problem ?
Hey,
I’m trying to do the same thing for my shopify site. I clicked on the link you provided and noticed the video is in the header now. What was your solution to this?
Thank you,
Kay
1 Like
Hello, @KayJackson
Welcome to the Shopify community!
and Thanks for your Good question.
Please share your site URL,
So I will check and provide a solution here.
Password: kayjack1020
Thanks for it
can you please check your customization theme setting you have easy to add this video
1 Like
I see what your saying but I’m trying to put a video or gif in the corner at the top as the header
Because I don’t know how to put it on there lol, that’s what I’m asking. How do I put it in the corner where the image is or can I even do that ?
I chose a paid theme that allowed for video headers
1 Like