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.

smartparallax

SmartParallax adds true scroll-linked parallax scroll effects to WordPress — built for performance, not gimmicks.
Unlike many animation plugins, SmartParallax does not run time-based animations. 
All motion is directly tied to the user’s scroll position. 
If the user doesn’t scroll, nothing moves.
This approach results in excellent performance, smooth motion and stable Core Web Vitals — even on mobile devices.
You don’t write JavaScript. 
You don’t configure timelines. 
You simply add a CSS class to a block, image or section — and the parallax scroll effect works instantly.
SmartParallax uses a small, dependency-free JavaScript engine and GPU-accelerated transforms. 
There is no jQuery, no frameworks and no heavy animation libraries involved.
The plugin works out of the box with: 
Gutenberg (Block Editor), Full Site Editing (FSE), Elementor (scroll effects & parallax), Bricks, Divi, Oxygen, WPBakery and most modern WordPress themes.
Perfect for:
<ul>
<li>Parallax scroll sections</li>
<li>Scroll animations in Elementor</li>
<li>Gutenberg scroll effects</li>
<li>Background parallax images</li>
<li>Lightweight animation on scroll</li>
</ul>
Live demo: See all free effects in action. 
<a href="https://smartparallax.com/wordpress-parallax-plugin-demo/" rel="nofollow ugc">https://smartparallax.com/wordpress-parallax-plugin-demo/</a>
<h3>Why SmartParallax</h3>
SmartParallax is built for developers and designers who want clean, scroll-driven motion without sacrificing performance or Core Web Vitals.
<ul>
<li>True scroll-linked motion (no time-based animations)</li>
<li>No JavaScript configuration required</li>
<li>Extremely lightweight (only a few KB)</li>
<li>No jQuery, no frameworks, no dependencies</li>
<li>Optimized for mobile devices</li>
<li>Designed to preserve Core Web Vitals and PageSpeed scores</li>
</ul>
<h3>Available Classes</h3>
 Class 
 Description
 <code>.parallax-image</code> 
 Moves only the background image
 <code>.parallax-container</code> 
 Moves the entire block or section
 <code>.parallax-x</code> 
 Enables horizontal movement
 <code>.parallax-01 … 10</code> 
 Controls movement strength
 <code>.parallax--01 … 10</code> 
 Inverted movement direction
 <code>.parallax-[…]-s</code> 
 Stops movement at the center of the viewport
Examples: 
* <code>.parallax-02</code> – subtle depth 
* <code>.parallax-05</code> – stronger parallax
<h3>Privacy</h3>
SmartParallax optionally sends anonymous usage data when the administrator explicitly opts in.
Data sent: 
– Plugin version 
– WordPress version 
– PHP version 
– Site locale 
– Activation / deactivation status
No personal data, IP addresses or site URLs are collected or stored.
Tracking is completely optional and can be disabled at any time in the plugin settings.
Privacy Policy: 
<a href="https://smartparallax.com/datenschutzerklaerung/" rel="nofollow ugc">https://smartparallax.com/datenschutzerklaerung/</a>
<h3>License</h3>
SmartParallax is open-source software licensed under the GPLv2 or later.

SmartParallax – Parallax Scroll Effects & Scroll Animations

Create true parallax scroll effects and smooth scroll animations in WordPress — lightweight, scroll-linked and optimized for performance.

Advanced WordPress Backgrounds vs SmartParallax – Parallax Scroll Effects & Scroll Animations