Add video as homepage header instead of image

[Julianna]

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

[KetanKumar]

Hello, @Julianna 

Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.

[Julianna]

@KetanKumar 

https://oateshomeco.com/

[KetanKumar]

@Julianna 

Thanks for url

see the attachment

[Julianna]

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 

[KetanKumar]

@Julianna 

It can be done by doing some code customization. Please take the help of a developer and hire  Shopify Expert or me

[ashtonbaran]

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

[KetanKumar]

Hello, @ashtonbaran 

Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.

[snoopcrunch]

https://snoopcrunch.myshopify.com/

[KetanKumar]

@snoopcrunch 

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.

[IonCreative]

@julianna751 @snoopcrunch 

Your site looks great! Could you share how you were able to do this?

[KayJackson]

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

[KetanKumar]

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.

[KayJackson]

https://humblelyfestyle.com

Password: kayjack1020

[KetanKumar]

@KayJackson 

Thanks for it 

can you please check your customization theme setting you have easy to add this video

[KayJackson]

I see what your saying but I’m trying to put a video or gif in the corner at the top as the header 

[KetanKumar]

@KayJackson 

sorry i can't see any video 

[KayJackson]

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 ? 

[Julianna]

I chose a paid theme that allowed for video headers

[KetanKumar]

@Julianna @KayJackson 

yes, can you please just add customization video section 

[KristinaLD]

Hi @Julianna,

which paid theme did you choose? Thanks!

[metalmo]

I dug through the site code and it looks like they are using the "Motion" theme, which is quite expensive. 

[Andreavr]

Looks like they ended up using the Motion theme which has more video related theme code built in.

[KetanKumar]

@all 

can you please all more details how do you have like this 

[Maxim247]

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

[theknowskin]

Hi,

How did you fix this, your site looks great!

[KyaJ]

Hello, thank you! I added the Video Background App.

[KetanKumar]

@all 

https://codepen.io/adrianparr/pen/QxMvdj

[Fyous]

I've tried to custom code the video header, but not getting much luck on mobile, seems the display properties are creating issues in certain responsive sizes.

My site: fyous.com

[KetanKumar]

@Fyous 

can you please share issue image or video?

[Miopatron]

Hello brother, can you help me with my video hero banner in Shopify Brooklyn theme. I have ad it but the sizes on the desktop and phone are to big. I also have no css

[XtalS]

@KetanKumar

Thanks for the code. but where to put it?

[KetanKumar]

@XtalS 

yes, please add code theme.liquie

[simplict]

Hey Ketan!! I'm also using the brooklyn theme, I was wondering if you could send me the code as well!!

[KayJackson]

Hey, how are you ? 

Can I share my URL as well for the same problem ? 

[goatlane]

Hi Ketan,

I would also like to get help to add a video to my shopify. www.goatlane.com 

Can you guide me?

Best

Gustav

[ashtonbaran]

I think what everyone here is asking is... without paying for a theme, how can you add a video into the header?  There has to be some simple code for the header that allows videos.  My knowledge is limited, but I do know you have to create a container of some sort that has width, height, and position properties.  How that is done and where you add it is what we are looking for an answer to.  Please help.

Thank you,

Ashton

[CaliforniaSuper]

Hello, did anyone figure this out? 

[KetanKumar]

@CaliforniaSuper 

Sorry for facing this issue, it's my pleasure to help us.

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.

[KyaJ]

Hello. I can add a video but it is really small. I would like the video to fill the same space as the present image. How can I do that? My site is rainbowmekids.com

[LukePlayhood]

Hi, Goatlane, able to share how you added the video to the top of the page and it is on autoplay pls. 

[Anonymous]

Hi there,

Do you have solve the issues?? if still the issue not resolve then i recommend you to read for this article: How to add Add video as homepage header instead of image