BLACK FRIDAY
Ends in 00h 00m 00s
25% OFF LTD
Video Background Configurator - Breakfusion
data-video-backdrop
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 Breakdance Builder, add a Code element
  4. Paste the JavaScript code
  5. To add the effect to any section: go to Section → Settings → Advanced → Attributes, add data-video-backdrop with value true
  6. Add data-video-url attribute with your video URL
Interactive Video Background Preview
Quick Presets
Video Settings
Video URL ℹ
Autoplay on Load
Loop Video
Overlay Settings
HEX
HSL
Overlay Opacity ℹ
0.3
Control Settings
Show Controls
Play Button Style
Button Position
BUTTON HEX
BUTTON HSL
Show Progress Bar
Show Time Remaining
Playback Options
Playback Speed ℹ
1x
Start Time (seconds) ℹ
Fade In Duration (seconds) ℹ
Fade Out Duration (seconds) ℹ
Pause When Out of View