Parallax, Image and Video Backgrounds Plugin For WordPress 
★★★★★
Create any type of backgrounds using advanced block settings. We created <a href="https://wpbackgrounds.com/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=head" rel="nofollow ugc">Advanced WordPress Backgrounds plugin</a> to insert the Youtube and Image Parallax backgrounds with a few clicks on block sites of our clients.
<a href="https://wpbackgrounds.com/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=head" rel="nofollow ugc">See Live Demo</a> | <a href="https://wpbackgrounds.com/docs/getting-started/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=head" rel="nofollow ugc">Documentation</a> | <a href="https://github.com/nk-crew/awb/" rel="nofollow ugc">GitHub</a>
<h3>Features</h3>
<ul>
<li>Background Types:
<ul>
<li>Color</li>
<li>Image</li>
<li>Post Featured Image</li>
<li>Pattern images</li>
<li>Self Hosted Video</li>
<li>Youtube / Vimeo Video</li>
</ul>
</li>
<li>Parallax options powered by high performance JavaScript plugin <a href="https://github.com/nk-o/jarallax/" rel="nofollow ugc">Jarallax</a>
<ul>
<li>Custom speed option</li>
<li>Enable / Disable for mobile devices option</li>
<li>Scroll effect</li>
<li>Opacity effect</li>
<li>Scale effect</li>
<li>Scroll + Opacity effect</li>
<li>Scroll + Scale effect</li>
</ul>
</li>
<li>Mouse Parallax</li>
<li>Custom video start & end time</li>
<li>srcset supported (i.e. Google love it)</li>
<li>Overlay color with transparency options</li>
<li>Gutenberg block supported</li>
<li>WPBakery Page Builder supported (extended row and col options + separate shortcode)</li>
<li>Custom CSS offsets (paddings + margins)</li>
</ul>

Advanced WordPress Backgrounds

Best parallax plug

Best way to add video bkg self hosted to WP Bakery


My theme comes with Jarallax. AWB is the perfect addition to actually take advantage of it.


Perfect addition for Jarallax

Easy to use advanced Parallax, Image and Video backgrounds block plugin with parallax and video support.

Oooh Boi

Parallaxer for Elementor brings the power of Rellax.js to your Elementor pages, allowing you to add smooth parallax scrolling effects to any widget with just a few clicks. 
But that is not all! 
With just one click you can apply smooth scrolling to all of your Elementor built pages. Smooth scroll is powered by the lenis.js library. 
Parallaxer also brings a mini fluid system for both typography and spacing which is brought to you by utopia.fyi fluid space calculator. It means that you no longer need to maintain typography and spacing across multiple breakpoints but rather provide only the desktop values while each value between the desktop and mobile will be interpolated.
<h4>Features</h4>
<ul>
<li>Easy to use interface in Elementor’s Advanced tab</li>
<li>Responsive speed controls for different devices</li>
<li>Lightweight and optimized for performance</li>
<li>Works with any Elementor widget (Containers excluded!)</li>
<li>Global scroll smoothing (via the User Preferences panel)</li>
<li>Includes a mini fluid system for both typography and spacing</li>
</ul>
<h4>How to Use</h4>
<ol>
<li>Edit any element in Elementor</li>
<li>Go to the Advanced tab</li>
<li>Find the “Parallaxer” section</li>
<li>Enable parallax and adjust settings</li>
<li>Preview and adjust as needed</li>
</ol>

Parallaxer for Elementor

Add smooth parallax scrolling effects to any Elementor widget using the lightweight Rellax.js and lenis.js libraries.

Advanced WordPress Backgrounds vs Parallaxer for Elementor