wpxpertise

Lets you to set background images or a background videos on static pages. 
The background image/video can apply to whole page or just a specific section in that document. You can set as many background images/videos to a various sections of any given page.
Responsiveness is baked in to ensure the right media size is used at each layout breakpoint matching your active theme.
The background image/video can fill the entire screen if applied to the body tag, the wrapper or any HTML element of the current page that covers the viewport.
An overlay is applied to the background image/video to give enough contrast to the content over that background.
This plugin gives you more control and flexibility than the Gutenberg editor’s “Cover” and “Media & Text” blocks.
Install and try it then write a review to help us improve this plugin. We appreciate your feedback.
<h3>Settings</h3>
<ol>
<li>
From the left sidebar navigation of your WordPress control panel, look for the menu item labeled “WPXP BG Media” then click on it to open.
</li>
<li>
The information under the “Dashboard” tab of the opened page gives you enough details on how to define settings in the “Settings” and “Overlay” tabs.
</li>
<li>
The “Settings” tab is where you specify your active theme’s layout breakpoints. This allows the plugins to generate CSS media queries to match those breakpoints. Then for each breakpoint, a copy of the background image will be created with a width matching that layout breakpoint. All you have to do is upload to your WordPress media library an original image that is large enough for use at fullscreen on large displays (e.g. 4K).
</li>
<li>
In the “Overlay” tab, you define the background color and opacity of the “Background Media Overlay” and the “Content Overlay”.
</li>
</ol>

WPXP Background Media

Lets you to set background images or a background videos on static pages.

Abu Hayat

bPlugins

Charles Cormier

Use video as background in the section.
<a href="https://bblockswp.com/demo/video-background" rel="nofollow ugc">Demos</a>
<h4>Features</h4>
<ul>
<li>Background Video: Use the video as a background.</li>
<li>Fallback: Use 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>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">B Blocks</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 Sections


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?


WPXP Background Media vs Video Background Block – Use Video as Background in Sections