Premium element

Core Background

Video Overlay

Video Overlay provides a dynamic, full-screen video that plays behind content within a container. It allows for smooth transitions between an initial preview video and the main looping video.

Preview

Drip of Time

Contemporary Art

Quick Setup

data-video-background=true

Required

Applied to the container to enable the video background functionality.

data-video-src

Required

Specifies the source URL of the video file that will be played in the background.

data-video-control=toggle

Optional

Applied to an element inside the container to allow users to toggle between play and pause for the main video.

data-pause-icon

Optional

A class that changes the appearance of the toggle element to a "pause" icon when the video is playing.

Key features

  • Muted Playback: The videos (preview and main) are muted.
  • Customizable Button: You can customize the play/pause button using the data-pause-icon attribute to change its appearance.
  • Responsive Handling: The video resizes and adjusts its position to fit the container, ensuring optimal display without stretching or distortion.

We're here to help

Choose how you'd like to connect with our support team

Contact Support

Get help from our team of experts

Response within 24 hours