pushlabs

Blake

<p>Video Background offers a simple and easy way to add a video background to any element on your WordPress site.</p>
<p>There are 4 simple required fields:</p>
<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>
<p>There are also 5 additional optional fields for having a more beautiful video background:</p>
<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>
<p>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:<br />
    <code>[vidbg container="body" mp4="#" webm="#" poster="#" muted="true" loop="true" overlay="false" overlay_color="#000" overlay_alpha="0.3"]</code></p>
<p>Demo:<br />
<a href="https://pushlabs.co/docs/video-background/" rel="nofollow ugc">https://pushlabs.co/docs/video-background/</a></p>


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 …

WP OnlineSupport

Anoop Ranawat

Pratik Jain

Ketan Patel

Essential Plugin

Amin

<p><a href="https://demo.essentialplugin.com/hero-banner-ultimate-demo/?utm_source=WP&utm_medium=Hero_Banner&utm_campaign=Read-Me" rel="nofollow ugc">Explore Hero Banner Features</a> | <a href="https://essentialplugin.com/pricing/?utm_source=WP&utm_medium=Hero_Banner&utm_campaign=Read-Me" rel="nofollow ugc">Annual or Lifetime Bundle Deal</a></p>
<p>Add <a href="https://essentialplugin.com/wordpress-plugin/hero-banner-ultimate/?utm_source=WP&utm_medium=Hero_Banner&utm_campaign=Read-Me" rel="nofollow ugc">hero banner</a> with the help of background image OR background color OR background video. Hero Banner Ultimate comes with 4 types of layouts where you can manage you hero banner design.</p>
<p>Also work with Gutenberg shortcode block.</p>
<h4>Plugin shortcode</h4>
<pre><code>[hbupro_banner id="XX"]
</code></pre>
<p>You can also display popup in template/php file:</p>
<pre><code><?php echo do_shortcode('[hbupro_banner id="XX"]'); ?>
</code></pre>
<p>Where id is the banner id.</p>
<p>In web design, a hero banner is a large web banner image, prominently placed on a web page, generally in the front and center. The hero banner is often the first visual a visitor encounters on the site; it presents an overview of the site’s most important content. A hero image often consists of background image OR background color OR background video and text.</p>
<p>Large fullscreen backgrounds and hero banners can be used in single page designs with ease.</p>
<h4>Hero Banner Ultimate Features</h4>
<ul>
<li>Background image</li>
<li>Background color</li>
<li>Background video</li>
<li>Title and sub title font size</li>
<li>Title and sub title font color</li>
<li>Banner inner padding</li>
<li>Banner overlay setting</li>
<li>Call to Action Setting</li>
</ul>
<h4>PRO Features :</h4>
<blockquote>
<p><strong>Premium Version</strong></p>
<ul>
<li>10 cool layouts.</li>
<li>Gradient OR Plain Background Color Option</li>
<li>Added lots of options</li>
<li>Extra Setting for Mobile View </li>
</ul>
<p><a href="https://www.essentialplugin.com/wordpress-plugin/hero-banner-ultimate/?utm_source=WP&utm_medium=Hero_Banner&utm_campaign=Read-Me" rel="nofollow ugc">Explore and check pro feature</a></p>
</blockquote>
<h3>Security</h3>
<p>We take security seriously. If you discover a security vulnerability, please send an email to support@essentialplugin.com. All security vulnerabilities will be promptly addressed.</p>


Hero Banner Ultimate

Add hero banner with the help of background image OR background color OR background video.  Also work with Gutenberg shortcode block.

Video Background vs Hero Banner Ultimate