LIVE NOW

Visual Configurator is now active — Customize 50+ professional animations Visual Configurator is live!

Get Started
Video Background Configurator

How to Use in Bricks Builder

  1. Customize your video background using the controls below
  2. Click the Get Code button and copy the JavaScript
  3. In Bricks Builder, add a Code element and paste the JavaScript
  4. Add the attribute
    data-video-background📋
    to any container element
This tool creates a custom script with your settings built-in. The video URL and all your configurations are included in the generated code!
BricksFusion Exclusive Get Your Video Background Animation

Add professional video backgrounds to your website with this custom-crafted JavaScript snippet.

  • Easy implementation with simple data attributes
  • Adaptive sizing to fit any container perfectly
  • Built-in play/pause controls for better user experience
  • Customizable overlay opacity and color
  • Smooth transitions and mobile-friendly
Video Settings
Video URL
Autoplay on Load
Loop Video
Overlay Settings
Overlay Color
Overlay Opacity 0.3
Control Settings
Show Controls
Play Button Style
Button Position
Button Color
Show Progress Bar
Show Time Remaining
Playback Options
Playback Speed 1
Start Time (seconds)
Fade In Duration (seconds)
Fade Out Duration (seconds)
Pause When Out of View

JavaScript Code