Adding Background Videos

You can easily add a responsive background video to a section/container of your page. It will auto scale to fill the available space and looks nice on any device.

First, select the container you want to add background video to:

Then click the Make Background Video button:

Click the little folder icon to browse to your video and select it:

You can see the background video added to our page header. The video will auto play and loop:

You can preview it directly in Wappler design view:

2 Likes

A nice resource for all of you to check: https://coverr.co/
They offer free stock videos, which can be used with the Background Video component :slight_smile:

5 Likes

Hi, could u pls tell me how can i use a youtube video as a responsive background instead of a video file from my server? Thnks in advance.

Hello,
Unfortunately YouTube videos are not currently supported.