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 ?