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:

3 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:

8 Likes

This is awesome, thanks! I could really use this :grin:

How to make a video with sound ?
Muted as default but with unmute button and pause button like on https://www.littlepalmisland.com/ ?