How to add a video background to the homepage of Shopify Debut theme

[decli]

Dear Community,

 I searched and searched for the solution within the community to find an answer to this "simple" problem.   This message is to provide the solution to you if you are looking for the same thing - You want to add a mp4 video not a YouTube video to the home page of your theme.

Here is the solution:  https://www.youtube.com/watch?v=FcB580SjU_Q

Here is the file link:  https://itfam.pro/video-background-shopify-debut-theme/

   After downloading and unzipping the file, change its name to:  video_background.liquid.text and open it with notepad.  You can then copy and paste it as directed in the video. 

I hope this helps someone looking to add a mp4 (not a YouTube video) to their home page.

[decli · Accepted solution]

Thank you.   I posted this as a solution to those looking for information on how to do it.  😊

[SKipp]

Works great, thank you. Any way to customize the code so the video always stays 100% width and 100% height without being cropped? Also in mobile? It's now cropping a lot off left and right…

[decli]

I'm not sure how to make adjustments ... you might add the YouTube creator, or at the content link.  I'm glad you were able to get it to work.

[Robin813]

This did the trick for me! Thanks so much for sharing. The only thing missing is the sound that is on the video, but I reached out to Vadym for his feedback. Thanks again!!!

[decli]

Awesome!!! I'm so happy that it worked for you!! And that there's someone
who can help w the details! Thanks, Robin

[THMP12345]

I've got one issue though, on mobile I see a black bar beneath the video, any ideas on how to get rid of it? I´m using the debut theme. 

Thank you!

[decli]

I'm not sure how to make adjustments ... you might add the YouTube creator, or at the content link. I'm glad you were able to get it to work.

[Himanshukamboj]

Hi there,

After uploading code and video, Video is working fine but Website shows a lot of empty space under the video and can't even delete it or reduce it. Can you please guide?

Please find attached photo for proof,

Thanks 

Himanshu

[gnaro]

Hi, does it work for dawn theme as well?