Title: Video Background Block – Add Stunning Video Backgrounds to Any Section
Author: bPlugins
Published: <strong>22 April, 2022</strong>
Last modified: 20 Septimber, 2026

---

Search plugins

![](https://ps.w.org/video-background-block/assets/banner-772x250.png?rev=3623383)

![](https://ps.w.org/video-background-block/assets/icon.svg?rev=3623383)

# Video Background Block – Add Stunning Video Backgrounds to Any Section

 Troch [bPlugins](https://profiles.wordpress.org/bplugins/)

[Download](https://downloads.wordpress.org/plugin/video-background-block.2.0.3.zip)

 * [Details](https://fy.wordpress.org/plugins/video-background-block/#description)
 * [Resinsjes](https://fy.wordpress.org/plugins/video-background-block/#reviews)
 *  [Ynstallaasje](https://fy.wordpress.org/plugins/video-background-block/#installation)
 * [Ûntwikkeling](https://fy.wordpress.org/plugins/video-background-block/#developers)

 [Stypje](https://wordpress.org/support/plugin/video-background-block/)

## Beskriuwing

[Video Background Block](https://bplugins.com/products/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](https://bplugins.com/products/video-background-block/) | [Live Demos](https://bplugins.com/products/video-background-block/#demos)
| [Pricing](https://bplugins.com/products/video-background-block/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](https://bplugins.com/products/video-background-block/pricing/) 
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.
 * **Advanced Overlay Controls** – Customize overlay colors, gradients, opacity,
   and blend modes.
 * **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](https://bplugins.com/products/video-background-block/pricing/)–
Unlock all premium features today!

### How to Use Video Background Block – Quick Start Guide

Getting started is easy!

 1. Install and activate the **Video Background Block** plugin.
 2. Open a page or post in the Gutenberg editor.
 3. Add the Video Background block.
 4. Select your video source and customize the settings from the right sidebar.
 5. Publish or update your page and enjoy your new video background.

For step-by-step installation instructions, see the **Installation** tab below.

[Live Demos](https://bplugins.com/products/video-background-block/#demos) | [Explore Premium Features](https://bplugins.com/products/video-background-block/pricing/)

### 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](https://fy.wordpress.org/plugins/video-background-block/support@bplugins.com?output_format=md)—
we’d love to hear from you.

#### More From bPlugins

**Parent Plugin**
 [bBlocks](https://bblockswp.com) – A full blocks collection and
page-building toolkit for Gutenberg.

**Other Plugins You Might Like**
 * [HTML5 Video Player](https://bplugins.com/products/html5-video-player/)–
Single and playlist video display in multiple skins. * [PDF Poster](https://bplugins.com/products/pdf-poster/)–
Display and embed PDF files in various styles. * [HTML5 Audio Player](https://bplugins.com/products/html5-audio-player/)–
Play audio with rich, animated visuals. * [StreamCast](https://bplugins.com/products/streamcast-radio-player/)–
A customizable radio player with multiple skins. * [3D Viewer](https://bplugins.com/products/3d-viewer/)–
Embed interactive 3D models and products. * [Advanced Post Block](https://bplugins.com/products/advanced-post-block/)–
Display posts and custom post types in flexible layouts.

## Skermôfbyldings

[⌊Block settings panel — overview⌉⌊Block settings panel — overview⌉[

Block settings panel — overview

[⌊Block settings panel — advanced options⌉⌊Block settings panel — advanced options⌉[

Block settings panel — advanced options

[⌊Default video background view⌉⌊Default video background view⌉[

Default video background view

[⌊Pattern overlay in action⌉⌊Pattern overlay in action⌉[

Pattern overlay in action

[⌊Blend mode overlay example⌉⌊Blend mode overlay example⌉[

Blend mode overlay example

[⌊Animated overlay effect⌉⌊Animated overlay effect⌉[

Animated overlay effect

[⌊Cinematic vignette effect⌉⌊Cinematic vignette effect⌉[

Cinematic vignette effect

[⌊Playback speed set to 2x⌉⌊Playback speed set to 2x⌉[

Playback speed set to 2x

## Blokken

Dizze plugin jout 1 blok.

 *   Video Background Use video as background in section.

## Ynstallaasje

#### Option 1: From the Gutenberg Editor

 1. Open the WordPress block editor.
 2. Search for **Video Background Block** in the block inserter.
 3. Click to add the **Video Background** block.

#### Option 2: Upload via WordPress Admin

 1. Download the **Video Background Block** plugin as a `.zip` file.
 2. In your WordPress admin, go to **Plugins  Add New**.
 3. Click **Upload Plugin**, select `video-background-block.zip`, and click **Install
    Now**.
 4. Activate the plugin.

#### Option 3: Manual Installation (FTP)

 1. Download and unzip the plugin.
 2. Upload the plugin folder to `/wp-content/plugins/`.
 3. Activate the plugin from the **Plugins** menu in WordPress.

## FAQ

### 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](https://wordpress.org/support/plugin/video-background-block/)
and post your question — our team actively monitors it.

## Resinsjes

![](https://secure.gravatar.com/avatar/bdc7ecc9964f5a76ee1ff0054db31873f65b5d28287b1932a037b0d5c1c49a63?
s=60&d=retro&r=g)

### 󠀁[Navigation menu SVG error](https://wordpress.org/support/topic/navigation-menu-svg-error/)󠁿

 [imacreste](https://profiles.wordpress.org/imacreste/) 20 July, 2025

I placed a navigation block from the editor inside the video block. But it doesn't
show me the hamburger. The problem is that it doesn't show the SVG inside the button.
It only happens if I place it inside this block outside of it, and it works fine.
That's why I had to uncheck:Show button iconConfigures the visual appearance of 
the button that changes the overlay menu. And so, the word MENU appears. Is there
any way to make the menu hamburger appear?

![](https://secure.gravatar.com/avatar/9dae8885f224e57a9a1f4e6692387a6a47c4aea7ee5349fdfac4e83f6dd08b55?
s=60&d=retro&r=g)

### 󠀁[AWESOME](https://wordpress.org/support/topic/awesome-10552/)󠁿

 [jbahr19](https://profiles.wordpress.org/jbahr19/) 16 July, 2025 2 antwurden

I've literally tested over 6 plugins just today to see which ones work for FREE 
and which ones are paid. I also played around with the code directly to see if I
could get it to work the same, which I did; however, this is by and far the best
plugin to use. If you want to do the plugin route, versus custom code!

![](https://secure.gravatar.com/avatar/4a09fefd0d5240137318862d4a3dccebc43891844092f2502faaddf5f885a9a2?
s=60&d=retro&r=g)

### 󠀁[Adds the missing video background block](https://wordpress.org/support/topic/adds-the-missing-video-background-block/)󠁿

 [Carsten Lund](https://profiles.wordpress.org/carsten-lund/) 5 Augustus, 2023

Great little plugin which adds a Gutenberg video background block which is missing
most other plugins. Responsive support too! An option for cropping the section of
the video for mobile viewing would be great!

![](https://secure.gravatar.com/avatar/0c485a9a93e0ebd8fe4e45477ea5105097fc4b7c8c33065c5117e324636eee79?
s=60&d=retro&r=g)

### 󠀁[Excellent plugin, only a minor setback](https://wordpress.org/support/topic/excellent-plugin-only-a-minor-setback/)󠁿

 [zdusper](https://profiles.wordpress.org/zdusper/) 12 April, 2023 1 reakce

This plugin did what I needed in a very simple and intuitive way. I gave it 4 stars
just because there is a minor setback / bug. When I refresh / update the editor,
block is again filled with default content. I think this is because I am using this
plugin just to display a full width video block so I don't use title, paragraph 
and button.

 [ Lês alle 4 resinsjes ](https://wordpress.org/support/plugin/video-background-block/reviews/)

## Meiwurkers & amp; Untwikkelders

“Video Background Block – Add Stunning Video Backgrounds to Any Section” is iepen
boarne software. De folgjende minsken hawwe bydroegen oan dizze plugin.

Meiwurkers

 *   [ bPlugins ](https://profiles.wordpress.org/bplugins/)
 *   [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/)
 *   [ MD.SHIHAB SHAMIM ](https://profiles.wordpress.org/shihabshamim/)

[Oersette “Video Background Block – Add Stunning Video Backgrounds to Any Section” yn jo taal.](https://translate.wordpress.org/projects/wp-plugins/video-background-block)

### Ynteressearre yn ûntwikkeling?

[Blêdzje troch de koade](https://plugins.trac.wordpress.org/browser/video-background-block/),
besjoch de [SVN-repository](https://plugins.svn.wordpress.org/video-background-block/),
of abonnearje op it [ûntwikkelingslogboek](https://plugins.trac.wordpress.org/log/video-background-block/)
troch [RSS](https://plugins.trac.wordpress.org/log/video-background-block/?limit=100&mode=stop_on_copy&format=rss).

## Feroaringslog

#### 2.0.3 – 5 September 2026

 * New: Audio support to add background music to videos
 * New: Display conditions to control where the video background appears

#### 2.0.2 – 9 July 2026

 * Improved: Separated Free and Pro codebases for better performance and maintainability.

#### 2.0.1 – 22 June 2026

 * Added: A modern, more intuitive dashboard layout.

#### 2.0.0 – 10 March 2026

 * Added: Universal Shortcodes for compatibility with all major page builders.
 * Added: Advanced video background features (see Pro Features above).
 * Added: A redesigned plugin dashboard.

#### 1.0.5 – 6 August 2025

 * Added: SDK integration.

#### 1.0.4 – 13 March 2025

 * Fixed: Video alignment issue causing off-center display.

#### 1.0.3

 * Fixed: Video not playing on mobile devices.

#### 1.0.2

 * Added: Fallback image support.
 * Improved: Scripts no longer load on pages where the block isn’t used.

#### 1.0.1

 * Added: Translation support.

#### 1.0.0

 * Initial release.

## Meta

 *  Version **2.0.3**
 *  Last updated **7 dagen yn ôl**
 *  Active installations **2.000+**
 *  WordPress version ** 6.5 of heger **
 *  Tested up to **7.1.2**
 *  PHP version ** 7.4 of heger **
 *  Language
 * [English (US)](https://wordpress.org/plugins/video-background-block/)
 * Tags
 * [background video](https://fy.wordpress.org/plugins/tags/background-video/)[block](https://fy.wordpress.org/plugins/tags/block/)
   [gutenberg](https://fy.wordpress.org/plugins/tags/gutenberg/)[video](https://fy.wordpress.org/plugins/tags/video/)
   [video background](https://fy.wordpress.org/plugins/tags/video-background/)
 *  [Avansearre werjefte](https://fy.wordpress.org/plugins/video-background-block/advanced/)

## Wurdearrings

 4.5 fan 5 stjerren.

 *  [  2 resinsjes mei 5 stjerren     ](https://wordpress.org/support/plugin/video-background-block/reviews/?filter=5)
 *  [  2 resinsjes mei 4 stjerren     ](https://wordpress.org/support/plugin/video-background-block/reviews/?filter=4)
 *  [  0 resinsjes mei 3 stjerren     ](https://wordpress.org/support/plugin/video-background-block/reviews/?filter=3)
 *  [  0 resinsjes mei 2 stjerren     ](https://wordpress.org/support/plugin/video-background-block/reviews/?filter=2)
 *  [  0 resinsjes mei 1 stjerren     ](https://wordpress.org/support/plugin/video-background-block/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/video-background-block/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/video-background-block/reviews/)

## Meiwurkers

 *   [ bPlugins ](https://profiles.wordpress.org/bplugins/)
 *   [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/)
 *   [ MD.SHIHAB SHAMIM ](https://profiles.wordpress.org/shihabshamim/)

## Stypje

Hast wat te sizzen? Help nedich hawwe?

 [Besjoch stipefoarum](https://wordpress.org/support/plugin/video-background-block/)

## Doar

Wolle jo de foarútgong fan dizze plugin stypje?

 [ Donearje oan dizze plugin ](https://gum.co/wpdonate/)