=== Video Background Block - Use video as background in section. ===
Contributors: bplugins,abuhayat, shihabshamim, freemius
Donate link: https://gum.co/wpdonate/
Tags: block, video, video background, background, background video,
Requires at least: 5.0+
Tested up to: 6.9.1
Stable tag: 2.0.1
Requires PHP: 7.1
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html


Use video as background in section .

== Description ==

Use video as background in section.


**[Video Background](https://bplugins.com/products/video-background-block/)** | **[Demos](https://bplugins.com/products/video-background-block/#demos)** | **[Pricing](https://bplugins.com/products/video-background-block/pricing/)**



= Free Features =
- **Universal Shortcodes**: Compatible with all page builders.
- **Background Video**: Use a video as a background.
- **Fallback**: Use a fallback image.
- **overlay**: Add overlay color to the video.
- **Height**: Set the height of the section.
- **Padding**: Set the padding of the section.


= Pro Features =
- **Everything in Free, plus advanced Pro features**.
- **Universal Shortcodes**: Compatible with all page builders.
- **Self‑hosted video**:  (MP4/WebM/OGG) Use a video as a background.
- **YouTube video**: Use a video as a background.
- **Vimeo  video**: Use a video as a background.
- **Responsive video sources (desktop/tablet/mobile)**
- **Poster image support (desktop/tablet/mobile)**
- **Poster options**: show/hide, blur + blur amount, dominant color (auto/manual)
- **YouTube background support + No-Cookie Domain Option**
- **Vimeo background support**
- **overlay controls**: color/gradient, opacity, blend mode
- **overlay patterns**: dots, grid, diagonal + opacity
- **Animated overlay (subtle motion)**
- **Noise texture overlay**
- **Cinematic vignette overlay**
- **Min height + padding controls (desktop/tablet/mobile)**
- **Video fit: cover/contain/fill**
- **Segment loop (start/end)**
- **Playback Speed Control**

= How to use =
- First, Install the Video Background Block plugin
- Add the Video Background block from the block category called "Widgets" in the Gutenberg editor.
- You can change block settings from the right-side settings sidebar.
- Enjoy!

* For installation help click on Installation Tab


= Feedback =
- Did you like this plugin? Dislike it? Do you have a feature request? [Please share your feedback with us](mailto:support@bplugins.com 'Send feedback')


### Check out the Parent Plugin of this plugin-

[**bBlocks**](https://bblockswp.com) – A blocks collection and page building tool for Gutenberg.


### Check out our other WordPress Plugins-

[**Html5 Video Player**](https://bplugins.com/products/html5-video-player/) – Display videos as single and playlist in multiple skins.

[**PDF Poster**](https://bplugins.com/products/pdf-poster/) – Display/Embed PDF files with different styles.

[**Html5 Audio Player**](https://bplugins.com/products/html5-audio-player/) – Listen audios with awesome visuals.

[**StreamCast**](https://bplugins.com/products/streamcast-radio-player/) – Customizable radio player with different skins.

[**3D Viewer**](https://bplugins.com/products/3d-viewer/) – Embed 3D models and 3D products with interaction.

[**Advanced Post Block**](https://bplugins.com/products/advanced-post-block/) – Show posts and custom posts in different layouts.


== Installation ==

= From Gutenberg Editor: =
1. Go to the WordPress Block/Gutenberg Editor
2. Search For **Video Background Block**
3. Click on the **Video Background** to add the block

= Download & Upload: =
1. Download the **Video Background Block** plugin (*.zip file*)
2. In your admin area, go to the Plugins menu and click on **Add New**
3. Click on **Upload Plugin** and choose the **`video-background-block.zip`** file and click on **Install Now**
4. Activate the plugin and Enjoy!

= Manually: =
1. Download and upload the **Video Background Block** plugin to the **`/wp-content/plugins/`** directory
2. Activate the plugin through the Plugins menu in WordPress


== Frequently Asked Questions ==

= Is the Video Background block free? =

Yes, the Video Background block is a free Gutenberg block plugin.

= Does it work with any WordPress theme? =

Yes, it will work with any standard WordPress theme.

= Can I change block settings? =

Yes, you can change block settings from the Gutenberg block editor's right sidebar.

= How many times can I reuse a block? =

You can use unlimited times as you want.

= Where can I get support? =

You can post your questions on the [support forum here](https://wordpress.org/support/plugin/video-background-block/)


== Screenshots ==


1. Settings 
2. Settings
3. Default
4. Pattern Overlay
5. Blend Mode 
6. Animated overlay 
7. Cinematic Vignette
8. PlayBack(2x)Speed


== Changelog ==

= 2.0.1 - 12 Apr 2026 =
* Fix video not playing on frontend.

= 2.0.0 - 10 Mar 2026 =
* Universal Shortcodes: Compatible with all page builders.
* Added advanced features to the Video Background block.
* Added a modern dashboard to this plugin.

= 1.0.5 - 6 Aug 2025 =
* Add SDK.

= 1.0.4 - 13 Mar 2025 =
* Fix video align to center.

= 1.0.3 =
* Fix not playing the video on mobile

= 1.0.2 =
* Fallback Image
* Not load scripts if block is not used.

= 1.0.1 =
* Add translate feature.

= 1.0.0 =
* Initial Release.

