pushlabs

Blake

Video Background offers a simple and easy way to add a video background to any element on your WordPress site.
There are 4 simple required fields:
<ul>
<li>Container: This fields specifies where you would like the video background.</li>
<li>MP4: Link to the .mp4 file. For Safari and IE support.</li>
<li>WEBM: Link to the .webm file. For Chrome, Firefox, and Opera support.</li>
<li>Poster: This will be used for the fallback image if video background is not supported (mobile for example)</li>
</ul>
There are also 5 additional optional fields for having a more beautiful video background:
<ul>
<li>Overlay: Add a color overlay over the video for optimal reading of text.</li>
<li>Overlay Color: If overlay is enabled, you can select the color of the overlay using the colorpicker.</li>
<li>Overlay Alpha: If overlay is enabled, you can specify the amount of transparency.</li>
<li>Loop: Enable or disable the looping of the video background</li>
<li>Tap to unmute: Add a “Tap to unmute” button to your video backgrounds to have your users engage with the sound. Compatible with Chrome’s newest autoplay policies!</li>
</ul>
In addition to the Video Background metabox, WPBakery integration, and SiteOrigin Page Builder integration, you can use the shortcode for use anywhere on your WordPress site: 
 <code>[vidbg container="body" mp4="#" webm="#" poster="#" muted="true" loop="true" overlay="false" overlay_color="#000" overlay_alpha="0.3"]</code>
Demo: 
<a href="https://pushlabs.co/docs/video-background/" rel="nofollow ugc">https://pushlabs.co/docs/video-background/</a>

Video Background

Quick, easy installation and integration. Simply adds a "Video Background" tab to the WP Visual Bakery "edit row" dialog. I copy/pasted the link to my self-hosted .mp4 and I was done. No headache whatsoever. Well done!

Works Just As Advertised


Works like a charm. Easy to use and configure. Bought the premium version too - even better. Well done to the developer for solving an often complex task with a nice, simple plugin.


Awesome Plugin

Easily assign a video background to any element on your WordPress pages or posts. Now compatible with WPBakery (Visual Composer) and SiteOrigin Page B …

Freemius

Abu Hayat

bPlugins

Charles Cormier

MD.SHIHAB SHAMIM

Use video as background in section.
<a href="https://bplugins.com/products/video-background-block/" rel="nofollow ugc">Video Background</a> | <a href="https://bplugins.com/products/video-background-block/#demos" rel="nofollow ugc">Demos</a> | <a href="https://bplugins.com/products/video-background-block/pricing/" rel="nofollow ugc">Pricing</a>
<h4>Free Features</h4>
<ul>
<li>Universal Shortcodes: Compatible with all page builders.</li>
<li>Background Video: Use a video as a background.</li>
<li>Fallback: Use a fallback image.</li>
<li>overlay: Add overlay color to the video.</li>
<li>Height: Set the height of the section.</li>
<li>Padding: Set the padding of the section.</li>
</ul>
<h4>Pro Features</h4>
<ul>
<li>Everything in Free, plus advanced Pro features.</li>
<li>Universal Shortcodes: Compatible with all page builders.</li>
<li>Self‑hosted video: (MP4/WebM/OGG) Use a video as a background.</li>
<li>YouTube video: Use a video as a background.</li>
<li>Vimeo video: Use a video as a background.</li>
<li>Responsive video sources (desktop/tablet/mobile)</li>
<li>Poster image support (desktop/tablet/mobile)</li>
<li>Poster options: show/hide, blur + blur amount, dominant color (auto/manual)</li>
<li>YouTube background support + No-Cookie Domain Option</li>
<li>Vimeo background support</li>
<li>overlay controls: color/gradient, opacity, blend mode</li>
<li>overlay patterns: dots, grid, diagonal + opacity</li>
<li>Animated overlay (subtle motion)</li>
<li>Noise texture overlay</li>
<li>Cinematic vignette overlay</li>
<li>Min height + padding controls (desktop/tablet/mobile)</li>
<li>Video fit: cover/contain/fill</li>
<li>Segment loop (start/end)</li>
<li>Playback Speed Control</li>
</ul>
<h4>How to use</h4>
<ul>
<li>First, Install the Video Background Block plugin</li>
<li>Add the Video Background block from the block category called “Widgets” in the Gutenberg editor.</li>
<li>You can change block settings from the right-side settings sidebar.</li>
<li>
Enjoy!
</li>
<li>
For installation help click on Installation Tab
</li>
</ul>
<h4>Feedback</h4>
<ul>
<li>Did you like this plugin? Dislike it? Do you have a feature request? <a href="mailto:support@bplugins.com" title="Send feedback" rel="nofollow ugc">Please share your feedback with us</a></li>
</ul>
<h3>Check out the Parent Plugin of this plugin-</h3>
<a href="https://bblockswp.com" rel="nofollow ugc">bBlocks</a> – A blocks collection and page building tool for Gutenberg.
<h3>Check out our other WordPress Plugins-</h3>
<a href="https://bplugins.com/products/html5-video-player/" rel="nofollow ugc">Html5 Video Player</a> – Display videos as single and playlist in multiple skins.
<a href="https://bplugins.com/products/pdf-poster/" rel="nofollow ugc">PDF Poster</a> – Display/Embed PDF files with different styles.
<a href="https://bplugins.com/products/html5-audio-player/" rel="nofollow ugc">Html5 Audio Player</a> – Listen audios with awesome visuals.
<a href="https://bplugins.com/products/streamcast-radio-player/" rel="nofollow ugc">StreamCast</a> – Customizable radio player with different skins.
<a href="https://bplugins.com/products/3d-viewer/" rel="nofollow ugc">3D Viewer</a> – Embed 3D models and 3D products with interaction.
<a href="https://bplugins.com/products/advanced-post-block/" rel="nofollow ugc">Advanced Post Block</a> – Show posts and custom posts in different layouts.

Video Background Block – Use video as background in section.


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?


Video Background vs Video Background Block – Use video as background in section.