Select Page
20+ Divi 5 Extensions

Divi Video Background for Every Divi Essential Module

MP4, YouTube and Vimeo video backgrounds for 105+ modules. Full playback control. Zero code.

🎬 MP4 ▶️ YouTube 🎥 Vimeo
105+
Modules
3
Video Sources
4.8★
Rating
0
Lines of Code
Divi Essential/page-builder
Video background preview
Video Playing
Hero Section Module
Video background powered by Divi Essential
ContentDesignAdvanced
Video Background
SourceYouTube
Autoplay
Scroll EffectParallax
Works on
105+ Modules
Getting Started

Enabled in Three Steps

From zero to live video background in under two minutes — no code, no shortcodes, no custom CSS.

Divi Essential → Extensions
Video Background
MP4, YouTube & Vimeo
Spotlight Effects
Cinematic lighting
Card Effects
3D tilt & glow
Particle Effects
Floating particles
01
Enable the Extension
Head to your WordPress dashboard, navigate to Divi Essential → Extensions, and toggle Video Background on with a single click.
Divi Essential → Extensions → Video Background
02
Open Any Module
Open any Divi Essential module in the visual builder. Navigate to the Design tab and find the Video Background settings panel.
Module → Design tab → Video Background
03
Connect and Launch
Choose your video source (MP4, YouTube, or Vimeo), configure playback settings, add scroll effects, and publish. Zero code required.
Source → Playback → Publish
Video Sources

Three Video Sources. One Setting Panel.

Switch seamlessly between sources without touching code. All support a fallback image for mobile and slow connections.

🎬
Self Hosted (MP4)Active
Paste MP4 URL — full control
▶️
YouTube
Enter Video ID — clean background playback
🎥
Vimeo
Enter Video ID — polished playback
🖼
Fallback Image Support
All sources support a fallback image for devices where video doesn’t autoplay (iOS, mobile, reduced motion).
🎬
Self Hosted (MP4)
Paste MP4 URL — full control

Host your own video files and get complete control over quality, loading speed, and bandwidth. Perfect for short loops.

MP4 URL
🎬https://cdn.example.com/hero-loop.mp4
Highlights
Full bandwidth control
No third-party tracking
Any resolution
Custom CDN support
Playback Controls

Full Playback Control Per Module

Every module gets its own independent playback configuration. Mix and match settings across your entire page.

Autoplay
Videos start automatically when the page loads — no user interaction needed.
🔄
Loop
Seamless infinite looping for continuous background motion.
🔇
Muted
Silent playback by default — required for autoplay in most browsers.
Playback Speed
Slow down or speed up video independently per module for creative effects.
Start Time
Set a custom start point to begin playback at the most visually interesting moment.
End Time
Define exactly when the video stops or loops, trimming dead frames.
👁
Play Only In Viewport
Video only plays when visible on screen — saves performance and battery.
📱
Disable On Mobile
Automatically switch to the fallback image on mobile for speed and data savings.
Respect Reduced Motion
Automatically pauses for users who’ve enabled reduced-motion system preferences.
Scroll Effects

Seven Scroll Effects

Transform static video backgrounds into scroll-driven experiences. Each effect is configurable and works independently per module.

Scroll effect preview
Parallax
Video moves slower than scroll, creating natural depth.
Live Preview
Scroll EffectParallax
Intensity
66%
DirectionVertical
Easingease-out
Video Styling

Style Every Video Background

Six visual styling controls give you pixel-perfect control over how your video background looks without touching CSS.

Overlay
Apply solid color or gradient overlays on top of the video for text readability.
ColorGradient
Object Fit
Control how the video fills or fits within the module container.
CoverContainFill
Brightness
Darken or lighten the video to match your design’s mood.
0% – 200%
Contrast
Adjust contrast for a punchy or muted visual effect.
0% – 200%
🎨
Saturation
Desaturate to grayscale or boost colors for vibrant backgrounds.
0% – 200%
💧
Blur
Soften the video into an abstract texture that doesn’t distract from content.
0px – 20px
Video style preview
Live Preview
Quick Presets
CinematicDreamyVividGrayscale
Brightness80%
Contrast100%
Saturation100%
Blur0px
Playback UI
Your Section Headline
With video background playing behind
🔇
BL
Show User Controls
Position
TLTCTRBLBCBR
Background
Frosted Glass
User Interface

Optional User Controls

Let visitors interact with video backgrounds. Show a customizable control bar that matches your design — fully optional.

Show Controls
Toggle a user-facing control bar — give visitors play/pause access.
Position
Place the control bar at the bottom-left, center, or any corner.
Aa
Icon Size
Scale control icons from subtle to prominent.
🎨
Icon Color
Match icon color to your brand palette.
Control Background
Add a frosted glass or solid background to improve icon visibility.
Module Coverage

Works Across 105+ Modules

Every Divi Essential module supports an independent video configuration. Mix and match across your entire page.

SectionRowColumnTextImageBlurbButtonCTASliderGalleryPortfolioBlogTestimonialTeamPricing TableContact FormVideoMapAccordionTabsSectionRowColumnTextImageBlurbButtonCTASliderGalleryPortfolioBlogTestimonialTeamPricing TableContact FormVideoMapAccordionTabs
Layout5+
SectionRowColumnFullwidth SectionSpecialty Section
Content6+
TextBlurbCTAButtonImageVideo
Hero5+
Fullwidth HeaderSliderFullwidth SliderPortfolioBlog
Pricing & Social5+
Pricing TableTestimonialTeamSocial Media FollowReviews
Media5+
GalleryFilterable GalleryAudio PlayerVideo SliderMap
Forms & Data5+
Contact FormEmail OptinCounterNumber CounterBar Counters
105+
Total Modules
6
Categories
1
Plugin

Rated 4.8 Stars

Join thousands of Divi designers who use Divi Essential to build stunning, video-powered websites.

“Great product but more importantly it is backed with an amazing support team. They were very prompt, friendly and sorted out the issue quickly.”
Clinton Friend
Clinton Friend
Newzeland
“I ve using Divinext for a while. I could say the support have been great until now”
Asisteca spa
Asisteca spa
Vietnam
“The support team helped me really quickly. The entire contact was very nice and competent. All my questions were also answered afterwards. I can fully recommend Divinext.”
Uwe Seeglitz
Uwe Seeglitz MXMwriter
Denmark
1,20,000+
Active Users
4.8 / 5
Average Rating
105+
Modules Supported
24/7
Priority Support
Everything Included

Everything You Need, Zero Code

Video Background is one feature inside Divi Essential — a complete toolkit with 20+ extensions for the Divi builder.

Video Background included
Works on 105+ modules
MP4, YouTube, Vimeo support
Fallback image for all sources
Full playback controls
7 scroll effects
Styling controls (brightness, blur, etc.)
Performance optimizations
Lifetime updates
Priority support
Divi Essential
All 105+ Extensions

One plugin. Video backgrounds, scroll effects, particle animations, cursor effects, and more — all in a single lightweight package.

$99$49/ year

✓ Save 50% — limited time offer

20+ Extensions
105+ Modules
Lifetime Updates
Priority Support
1 Year License
Unlimited Sites

30-day money-back guarantee · Instant download

FAQ

Frequently Asked Questions

Everything you need to know about Video Background and Divi Essential.

Go to Divi Essential → Extensions → toggle Video Background on. Then open any Divi Essential module → Design tab → Video Background settings.

Three sources: Self Hosted (MP4), YouTube (by Video ID), and Vimeo (by Video ID). All support a fallback image for devices where video cannot play.

Scroll Scrub ties video playback directly to the visitor’s scroll position — the video progresses as they scroll down. This is available for MP4 sources only.

Yes. Start Time and End Time let you set exactly when the video begins and ends — so only the best part of the video plays as the background.

The video pauses when scrolled out of view and resumes when visible — saving browser resources and improving page performance.

Yes. The Disable On Mobile toggle replaces the video with your fallback image on mobile devices — keeping pages fast and lightweight.

Three options — None, Color, and Gradient — letting you add a tint or gradient over the video for improved text readability.

No. Divi Video Background works exclusively across 100+ Divi Essential modules.

Never. Every setting is controlled from the Divi visual builder Design tab.

No. Video Background is included inside Divi Essential — activate it from the Extensions tab at no extra cost.

Yes. Divi Essential Lifetime license holders receive lifetime updates to all extensions including Video Background.

20+ Extensions

More Powerful Extensions

Video Background is just the start. Divi Essential ships with 20+ extensions to help you build more engaging, polished Divi websites.

Spotlight Effects
Popular
Spotlight Effects
Add dramatic spotlight lighting effects to any module for cinematic depth.
Card Effects
New
Card Effects
3D tilt, glow, and hover effects for Divi modules that elevate your UI.
Particle Effects
Particle Effects
Beautiful floating particles and confetti effects for hero sections.
Floating Elements
Floating Elements
Animate decorative elements that float, orbit, or drift around your modules.
Cursor Trail Effects
Hot
Cursor & Trail Effects
Custom cursor styles and interactive trail effects that delight users.
Animated Gradient
Animated Gradient
Smooth, shifting gradient backgrounds for sections without video.
Get Started Today

Stop Using Static Module Backgrounds.

Make every section feel like it was built by a studio.

30-day money-back guaranteeInstant downloadLifetime updates availablePriority support