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:


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


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.

Unfortunately YouTube videos are not currently supported.

A post was merged into an existing topic: Is there a video size limit?

Max, would you be able to download the youtube video into MP4 and then convert it into a supported format?

Yes, if you can download the video to an .mp4 it should be suitable for use as a background video

Sure you can, but i really wold like to use a youtube video since my hosting its no so good or fast as Youtube.

Have you tried any of the solutions available in a Google search? I don’t believe there is a Wappler way to do it.

1 Like

4 posts were split to a new topic: Problems with background video

A post was merged into an existing topic: Problems with background video