How to create a Background Video?
With Video Background, is possible to add as many videos as you need to any number of pages to the Shopify storefront.
If you don't have any video yet, the preferences page will show the following message:
Please click on Let's go and then on Configure a new video at the bottom right corner.
You'll be prompted to select the page at your store where you want the video to be displayed (destination page property) and the place of your page where the video to be (video type property). Once selected, please click on Next.
The next step, unless you have selected a full page video type, is select where the video will be shown (video target property).
We have 3 ways to select where the video will be shown, that you can check in the picture below. If you're not familiar with CSS, we suggest you go with the second option " Select the target element using a visual tool":
You'll be redirected to your store. Please follow the instructions on the screen and, once in your store, move the mouse over the page to find the box where you want to put the video.
Please tap into your preferred location. Once selected, you'll be redirected to the preferences page to choose the video you want to be displayed.
Please copy the YouTube video URLs and click on Save at the bottom right corner.
Now you're all set, you can also take a look at the different options from the preferences page and tune some additional configurations.
If you want to add a new video, click again on Configure a new video at the bottom right corner from the preferences page and follow the same instructions.