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

Solved
decli
Excursionist
23 2 9

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.

Accepted Solution (1)

Accepted Solutions
decli
Excursionist
23 2 9

This is an accepted solution.

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

View solution in original post

Replies 5 (5)
decli
Excursionist
23 2 9

This is an accepted solution.

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

View solution in original post

SKipp
New Member
12 0 0

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
Excursionist
23 2 9

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
Tourist
6 0 1

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
Excursionist
23 2 9
Awesome!!! I'm so happy that it worked for you!! And that there's someone
who can help w the details! Thanks, Robin