Video-Overlay - breakfusion.com

Customize your video background using the controls below
Click the Get Code button and copy the JavaScript
In Breakdance Builder, add a Code element and paste the JavaScript
Add the attribute
data-video-background📋
with the value true 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! Make sure to set the attribute value to true for proper functionality.

Breakfusion 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

Custom Control Class

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

Documentation

GETTING STARTED

MENU ANIMATION

CORE BACKGROUND

SHOWCASE

VISUAL EFFECTS

ANIMATED TEXT

INTERACTION

INSTANT MOTION

TRANSITION PAGES

How to Use in Breakdance Builder

JavaScript Code