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.

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.

https://www.google.com/search?q=using+youtube+video+as+background&rlz=1C5CHFA_enCA734CA735&oq=Using+Youtube+video+a&aqs=chrome.1.69i57j0l5.15694j0j7&sourceid=chrome&ie=UTF-8

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