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.

WebMaestro.Fr

Upload the layers of your image, and create a parallax effect !
It works great on smart devices too !
The first step is to create with your favorite picture editing software (Photoshop, GIMP…) an independent image for each ground composing your image. All these layers shall be the same size, and should be in .png format as they are meant to include transparency areas. 
Then, on your post editing page in WordPress, click the Insert Media button, and (the same way you would create a gallery) upload your layers under the Create Parallax item. Reorganise the layers if needed, from the background to the front. 
You can finally configure the animation (calibrate, invert, limit, scalar, friction), and publish !
There is <a href="http://webmaestro.fr/image-parallax-plugin-wordpress/" rel="nofollow ugc">some examples</a> on the plugin page.
It uses <a href="http://wagerfield.github.io/parallax/" rel="nofollow ugc">parallax.js</a> by Matthew Wagerfield.

Image Parallax

Create images with a parallax effect. Upload some layers, configure the animation, and publish !

Advanced WordPress Backgrounds vs Image Parallax