Phillip.Gooch

Backdrop is a site background customizer with power greater than the mere stock background selector included with WordPress. What can backdrop do that the default can’t? I’m glad you asked…
<ul>
<li>More than just boring backgrounds, flexible backgrounds, parallax backgrounds, even sliding backgrounds are stuffed in here too (don’t worry, the boring ones are still around as well).</li>
<li>Options, options, options! More options that you can shake a well sharpened stick at.</li>
<li>Uses the WordPress customizer interface so you can see your changes as you make them.</li>
<li>One click HiDpi (or retina) backgrounds, make it look all purdy on that fancy screen.</li>
<li>Theme schmeme, we don’t need support in your stinkin theme, backdrop can force it’s way into nearly any theme.</li>
<li>Calls external JS and CSS files that are appropriately cached.</li>
<li>Advanced options for those in the know with CSS.</li>
<li>Built for the smoothest animations possible.</li>
</ul>
Note: Starting with version 2.0 Backdrop will no longer work it’s magic with older versions of Internet Explorer (before version 10). If you want to support animations on older versions of IE then please use Backdrop 1.X.
Note: Your Backdrop settings will not be transfered from 1.X to 2.X, you will need to re-set your backdrop on update.

Backdrop

Backdrop is an improved site background customizer allowing for all manner of fancy things.

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?


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