New

9 buttons. Ready to use.

Video Background Configurator - BricksFusion
data-video-background
How to Use & Code Information
  1. Customize your video background using the controls below
  2. Click Copy JS to copy the JavaScript code to clipboard
  3. In Bricks Builder, add a Code element
  4. Paste or upload the JavaScript code
  5. To add the effect to any section: go to Section → Style → Attributes, add data-video-background as attribute name (leave value empty)
Interactive Video Preview
Video Settings
Video URL
Autoplay on Load
Loop Video
Overlay Settings
Overlay Color
HEX
HSL
Overlay Opacity
0.3
Control Settings
Show Controls
Play Button Style
Button Position
Button Color
HEX
HSL
Show Progress Bar
Show Time Remaining
Playback Options
Playback Speed
1x
Start Time (seconds)
0s
Fade In Duration (seconds)
0s
Fade Out Duration (seconds)
0s
Pause When Out of View
`;