Video Background Block lets you create beautiful sections with background videos directly in the Gutenberg editor. You can use self-hosted videos, YouTube videos, or Vimeo videos to build engaging hero sections, banners, landing pages, and promotional content without writing any code. Video Backgrou
PricingFree downloadThe WordPress.org download is free. Pro versions, add-ons or external services may cost extra.
CompatibilityRequires WordPress 6.5 and PHP 7.4.
SourceWordPress plugins · Oct 20, 2026
01 / Source details
About this tool.
Video Background Block lets you create beautiful sections with background videos directly in the Gutenberg editor. You can use self-hosted videos, YouTube videos, or Vimeo videos to build engaging hero sections, banners, landing pages, and promotional content without writing any code.
Video Background | Live Demos | Pricing
The plugin is lightweight, easy to use, and works with the Block Editor. It also provides universal shortcodes, so you can display video backgrounds with other page builders if needed.
Whether you’re creating a business website, portfolio, agency site, product landing page, or personal blog, Video Background Block helps you create eye-catching sections that improve the visual experience.
Key Features – Free Version
The free version includes everything you need to get started with video backgrounds.
Universal Shortcodes – Use video backgrounds with Gutenberg and other popular page builders.
Background Video – Display a video as the background of any section.
Fallback Image – Show an image when the video cannot be loaded.
Overlay Color – Add a color overlay to improve text readability.
Custom Height – Set the section height to fit your design.
Padding Controls – Adjust the spacing around your content.
Video Background Block Pro – Unlock Premium Features
Upgrade to pro to unlock more customization and advanced video background controls.
Self-hosted Video Support – Use MP4, WebM, and OGG videos.
YouTube Background Videos – Display YouTube videos as section backgrounds.
Vimeo Background Videos – Add Vimeo videos with background playback.
Responsive Video Sources – Use different videos for desktop, tablet, and mobile devices.
Responsive Poster Images – Set separate poster images for different screen sizes.
Poster Image Options – Show or hide the poster image, apply blur effects, or use automatic or custom dominant colors.
YouTube No-Cookie Mode – Improve user privacy with YouTube’s no-cookie domain.
Overlay Patterns – Add dot, grid, or diagonal patterns with adjustable opacity.
Animated Overlay Effects – Create subtle motion for a more dynamic design.
Noise Texture Overlay – Add texture for a modern visual style.
Cinematic Vignette – Highlight your content with a soft vignette effect.
Responsive Height and Padding – Set different minimum heights and spacing for desktop, tablet, and mobile.
Video Fit Options – Choose Cover, Contain, or Fill based on your layout.
Segment Loop – Play only a selected portion of the video by setting start and end times.
Playback Speed Control – Adjust the video playback speed to match your design.
Audio Support – Add background music to your videos for a more immersive experience.
Display Conditions – Control where the video background appears on your site.
Try the Pro Version – Unlock all premium features today!
How to Use Video Background Block – Quick Start Guide
Getting started is easy!
01Install and activate the Video Background Block plugin.
02Open a page or post in the Gutenberg editor.
03Add the Video Background block.
04Select your video source and customize the settings from the right sidebar.
05Publish or update your page and enjoy your new video background.
For step-by-step installation instructions, see the Installation tab below.
Live Demos | Explore Premium Features
Why Use Video Background Block?
Works with any WordPress theme , out of the box
Universal Shortcodes — use it inside any page builder, not just Gutenberg
Lightweight — scripts only load when the block is actually used
Simple, sidebar-based settings — no technical setup
Feedback & Support
Have a feature request, found a bug, or just want to say hello? Send us your feedback — we’d love to hear from you.
More From bPlugins
Parent Plugin bBlocks – A full blocks collection and page-building toolkit for Gutenberg.
Other Plugins You Might Like * HTML5 Video Player – Single and playlist video display in multiple skins. * PDF Poster – Display and embed PDF files in various styles. * HTML5 Audio Player – Play audio with rich, animated visuals. * StreamCast – A customizable radio player with multiple skins. * 3D Viewer – Embed interactive 3D models and products. * Advanced Post Block – Display posts and custom post types in flexible layouts.
See it in action
Screenshots & previews.
Block settings panel — overviewBlock settings panel — advanced optionsDefault video background viewPattern overlay in actionBlend mode overlay exampleAnimated overlay effectCinematic vignette effectPlayback speed set to 2x
02 / Source details
Getting started.
Option 1: From the Gutenberg Editor
01Open the WordPress block editor.
02Search for Video Background Block in the block inserter.
03Click to add the Video Background block.
Option 2: Upload via WordPress Admin
04Download the Video Background Block plugin as a .zip file.
05In your WordPress admin, go to Plugins → Add New .
06Click Upload Plugin , select video-background-block.zip , and click Install Now .
07Activate the plugin.
Option 3: Manual Installation (FTP)
08Download and unzip the plugin.
09Upload the plugin folder to /wp-content/plugins/ .
10Activate the plugin from the Plugins menu in WordPress.
03 / Source details
Frequently asked questions.
Is Video Background Block free to use?
Yes. The core plugin is completely free. A Pro version is available with advanced features like YouTube/Vimeo backgrounds, overlay patterns, and playback controls.
Will it work with my theme?
Yes — the block is built to work with any standard WordPress theme.
Can I customize the block’s appearance?
Yes. All settings are available in the right-hand sidebar of the Gutenberg block editor.
Is there a limit to how many times I can use the block?
No. You can add and reuse the block as many times as you like, on as many pages as you like.
Where can I get help if I run into an issue?
Visit our support forum and post your question — our team actively monitors it.
Website LLMs.txt and LLMs-Full.txt Generator is an LLMs.txt generator and llms-full.txt generator for WordPress. It helps site owners generate, manage, preview, validate, and serve AI discovery files from published public content. Use it to create structured /llms.txt and optional /llms-full.txt end
EngageDock AI is a customizable floating contact widget for WordPress websites that want more leads and faster visitor communication. It helps small businesses turn website traffic into calls, texts, emails, and callback requests from one clean contact panel. Key Features: Click-to-Call – One tap ca
Altify AI is an auto ALT text and AI ALT text plugin for WordPress images. It helps generate descriptive image ALT text for accessibility and image SEO. Use bulk image ALT text tools for your Media Library, generate featured image ALT text automatically, and scale WooCommerce image ALT updates with
The Accepted Payment Methods plugin is a straightforward, lightweight solution that enhances your website by displaying visually appealing icons of the payment methods you accept. This plugin is ideal for a variety of websites, including e-commerce platforms, service-oriented websites, and informati
