Video & Parallax Backgrounds For Visual Composer

Video & Parallax Backgrounds For Visual Composer

The smoothest performing parallax background for Visual Composer. So smooth, even the top selling ThemeForest WordPress theme is using ours.

Try it out in a live environment first before you buy

The BEST Parallax Image & Video Addon For Visual Composer

Video & Parallax add-on allows you to easily add image parallax scrolling effects and video backgrounds to your WordPress site. The plugin integrates straight into Visual Composer’s row settings, and is flexible to suit your theme’s design.

Just activate the plugin into your WordPress theme and video & parallax background images will become available for Visual Composer rows. Create normal or full-width image parallax backgrounds and even video backgrounds.

We are happy to announce that our plugin is now hardware accelerated, which means that your parallax will scroll smoothly. Try it out in our demo site and compare our parallax against what others have.

We’ve also included a compatibility mode within the plugin page just incase you run into troubles with your theme. And if you find that you are having conflicts with your theme, don’t hesitate to contact us through our support forum, we’ll work with you to make it work with your theme :)

Why Use Our Plugin?

Visual Composer has recently included a parallax setting in their rows. What we have here is a solution that’s way beyond what’s provided in terms of performance and flexibility. We have over 2,000 satisfied customers and more than a year’s worth of experience enhancing and growing our tech. This plugin is the culmination of our knowledge in CSS and our plugin will continuously be updated and work better than the rest. We ourselves do not like our websites to have choppy parallaxes, we like it fast and snappy, and we’re betting you do too.

With our plugin, you can create:

  • Normal Width or Full-width Backgrounds of…
  • Up, Down, Left, Right Parallax Backgrounds,
  • Video Backgrounds,
  • Fixed Image Backgrounds, and
  • Solid Colored Backgrounds

Try it out in a live environment first before you buy

Works in any theme with Visual Composer

We have tested & our customers have verified the compatibility with these themes below.

  • Avada
  • X Theme (image uploader)
  • Enfold
  • Elegant Themes
  • Salient (compatibility mode)
  • Twish (compatibility mode)
  • Fargo
  • Angle (compatibility mode)
  • Pixie (compatibility mode)
  • Medicals Health & Medical
  • WP Residence
  • Twenty Fifteen
  • Twenty Fourteen
  • Twenty Thirteen
  • Twenty Twelve
  • Lots and lots more, these are only the ones we know about!

Themes marked as (compatibility mode) are proven to work if compatibility mode is turned on. Compatibility mode can be turned on in the plugins page.

Themes marked as (image uploader) are proven to work if the background image is uploaded in our own tab, since the Design Options tab or other normal Visual Composer behavior was modified.

If your theme isn’t listed above, our plugin should still work fine. If it doesn’t, write to us in support and we’ll make it work.

How Does it Work?

When you click on the edit button on your rows, you will see a new tab & new parameters added:

Video & Parallax add-on element properties in Visual Composer

Just add a large background image to your row using the normal method, then select a Parallax Direction and you’re good to go. Or, just paste in the URL of your YouTube or Vimeo video.

If your Visual Composer is modified and the Design Options tab was removed, it’s okay! You can use your modified one’s background image setting if it has one, or use the background image setting found in our Parallax tab


  • Video Backgrounds, YouTube or Vimeo
  • Parallax in four directions: up, down, left and right, or even fixed
  • Hardware accelerated parallax effects for smooth performance,
  • Plug and play, just activate the plugin along with Visual Composer,
  • Option to enable smooth scrolling,
  • Option to break out of containers, to allow your video or parallax to occupy more space, or even the full browser width,
  • Make your row colored and image backgrounds into a full row background NEW!
  • Option to turn off parallax in mobile devices,
  • Translation files included: English .mo and .po files, and
  • Integrates perfectly in the Visual Composer interface
  • Uses requestAnimationFrame for smooth animating
  • Now even easier to use! Just upload a high resolution image, we do the rest
  • Compatibility mode, for themes with modified copies of Visual Composer

As Seen In

Total – Responsive Multi-Purpose WordPress Theme

5 Star reviews

Parallax Background Is Now in the List of Visual Composer Addons!

Want to Include Video & Parallax Background Images in Your ThemeForest Theme?

You can just include this item as a plugin which your customer can install and active along with your theme.

If you want to include this item in your ThemeForest WordPress theme, please purchase an extended license and send me a message through my profile page.

Live WordPress sandboxes are provided by the awesome WP Demo

Check out Our Other Visual Composer Addons

CSS Animator add-on for Visual Composer

4k Icons add-on for Visual Composer


Version 3.7 – May 27, 2015

* Revamped smooth scrolling for a more even feel and stablized scrolling across different browsers
* Increased mobile screen detection
* Now makes sure not to hide content behind video backgrounds
* Opacity now does not apply to fixed backgrounds

Version 3.6.1 – March 6, 2015

* Fixed various display errors with fixed parallax
* Fixed parallaxes now falls back to normal scroll background in mobile devices due to various rendering problems

Version 3.6 – February 21, 2015

* Added a force HD option for forcing YouTube videos to play at a high resolution
* Full resolution background images are now used and are no longer restricted to 1600~x1000~
* Small parallax images are now enlarged to occupy the whole background
* Background now adjusts itself when the contents suddenly change
* Javascript code optimizations and improvements
* Fixed bug where 'none' images were being loaded
* Fixed bug where images were not spanning the whole background
* Fixed bug where parallaxes were going past their allotted space when scolling
* Fixed bug where super tall rows did not show backgrounds properly
* Fixed bug where sometimes the scroll velocity was too fast

Version 3.5 – February 9, 2015

* Enhanced YouTube video looping
* Removed YouTube Loop Triggering Refinement settings, things are now simpler
* Updated OTF Regenerate Thumbnails to v0.2
* Fixed IE11 video bug where the video did not show up
* Fixed minor bug where videos can be right clicked and the menu won't disappear

Version 3.5 – February 9, 2015

* Enhanced YouTube video looping
* Removed YouTube Loop Triggering Refinement settings, things are now simpler
* Updated OTF Regenerate Thumbnails to v0.2
* Fixed IE11 video bug where the video did not show up
* Fixed minor bug where videos can be right clicked and the menu won't disappear

Version 3.4.1 – January 25, 2015

* Fixed bug where background images stretched horizontally
* Removed option to scale background images, they now always do not scale just like prior to v3.0

Version 3.4 – January 25, 2015

* Retired bfi_thumb and replaced it with OTF Regenerate Thumbnails
    * Fixed 99999x99999 image bug
    * Fixed image manager image vertically resizing bug
    * Fixed image quality issues
    * Fixed other image resizing bugs
* Enhanced compatibility mode, should now support even more themes!
* Vimeo videos can now be muted!
* Fixed some unwanted console logging that was showing up
* Better compatibility mode

Version 3.3 – December 8, 2014

* YouTube & Vimeo video loading screens are now hidden
* The background image or background color will serve as the preview image of video backgrounds while they're not yet ready to play
* Fixed bug where including the parallax scripts multiple times stopped parallax rows from working

Version 3.2.1 – November 28, 2014

* Updated smooth scroll script to v1.1.1
    * Emergency bug fix where sometimes page scrolling stops
    * Emergency bug fix where Mac & Windows browsers had different scroll amounts

Version 3.2 – November 28, 2014

* Added new feature to allow normal backgrounds (colors and images) to break out of the row container
    * You don't even have to add a parallax to use the breakout function
* Updated smooth scroll script to v1.1
    * Smooth scroll now works properly for scrollable elements
* Fixed bug where enable/disable for mobile was not working properly

Version 3.1 – November 7, 2014

* Better parallax handling in mobile devices!
* Better compatibility with themes that modify Visual Composer's Row behavior
* Added a compatiblity mode option in the plugin's links for those instances where the parallax tab doesn't appear in the row settings
* Fixed bug where videos sometimes do not show up
* Fixed bug where the background repeat setting was not being followed
* Fixed bug where bfi_thumb sometimes resizes back-end thumbnails

Version 3.0 – October 17, 2014

* Ultra Mega Super Update!
* Image Parallax Updates:
    * Optimized image parallax speed! Now hardware accelerated for better performance
    * You no longer have to think about the size of your image when using it as a background
    * Image parallax backgrounds are now automatically resized for optimal background dimensions
    * Image parallax backgrounds now automatically fit/cover the background (no more unwanted seams)
    * Added a new field for selecting your image backgrounds for themes that forcibly remove VC's design option tab
    * New feature: fixed image backgrounds
* Video Updates:
    * Simplified the video ID fields into just 1 field that accepts either a YouTube ID or a Vimeo ID
    * Better video full resizing methods! Videos now preserve their aspect ratio and fit into your rows to ensure that no black bars appear!
    * Videos won't show up anymore in the frontend editor
* Other Updates & Changes:
    * Lessened & unified scripts that are being loaded for a more faster loading time
    * Better smooth scrolling method that uses requestAnimationFrames
    * Smooth scroller method no longer dependent on jQuery for better responsiveness
    * Removed the linking capability to the next rows (this was kept before for backward compatibility for VC 3.7 or lower), now you can just nest rows to achieve the same effect.
    * Updated setting descriptions since some of them have improvements
    * Remote images if used in a parallax will not work anymore

Version 2.8 – September 23, 2014

* Fixed bug in IE 11 for Windows 7 where the video background
* Fixed bug in the frontend editor where adding a parallax to a row removes the background image
* Fixed bug where resizing the browser smaller with smooth scrolling on prevents the window from fully scrolling to the bottom
* Since VC's frontend editor & the real frontend are structurally different, live previews of the parallax will not show up. However, the row's background image will still show up

Version 2.7 – September 1, 2014

* Fixed compatibility issue with some themes (Avada among others) regarding Modernizr (Thanks Manishie!)
* Fixed issue where defining GAMBIT_DISABLE_RATING_NOTICE doesn't remove the plugin notices
* Fixed bug where in some setups, br tags appear and break the outputted html

Version 2.6 – August 30, 2014

* Emergency update: Fixes bug where background videos did not resize correctly
* Added plugin links
* Added first time activation instructions

Version 2.5 – August 23, 2014

* Added options for specifying the background alignment (left/right/center for vertical parallax and top/bottom/center for horizontal parallax)
* Since video backgrounds are not supported in mobile, added fallback background image for those using VC's background image setting
* Fixed bug where background videos sometimes did not work

Version 2.4 – August 12, 2014

* Added the option to enable smooth page scrolling!
* Parallax scroll speed optimizations

Version 2.3 – June 26, 2014

* Fixed bug that prevented the Video & Parallax tab from showing up in lower versions of Visual Composer
* Added better documentation

Version 2.2 – June 25, 2014

* Added new video options for fixing vertical and horizontal black bars
* Added a YouTube option for fine tuning the loop timing (Vimeo already does looping well)
* The row background color is now copied over to the parallax background, great for transparent background images
* Fixed bug where a test variable was left and causing errors to show up in debug mode
* Fixed bug where inputting a video ID then setting back to parallax still shows the video
* Fixed some minor javascript undefined notices
* Segregated scripts and styles to their own files
* Cleaned up all Javascript code with JSHint
* All styles and scripts are now minified

Version 2.1 – May 16, 2014

* Fixed bug where the original background image was still being shown behind
the parallax in Visual Composer 4.1.3
* Added clearer instructions on where to add the background image

Version 2.0 – May 7, 2014

* New feature: video backgrounds!
* Fixed bug where bottom margins were not being used when spanning multiple rows

Version 1.9 – April 24, 2014

* Fixed bug where in certain WP setups, the parallax field does not appear
* Parallax parameters now do not have conflicts if other parallax addons are currently installed
* Placed additional information for the parallax fields

Version 1.8 – April 22, 2014

* When used in Visual Composer 4.1.x, the parallax options are shown in the Parallax tab
* Now compatible with the new edit row layout introduced in Visual Composer v4.1.x

Version 1.7 – April 3, 2014

* Better animation performance, now achieving x1.3 - x2 fps from requestAnimationFrame
* Better handling for the down direction
* Fixed bug where the down direction had the wrong image offsets
* Fixed bug where gaps sometimes appeared for rows with negative margins

Version 1.6 – March 24, 2014

* Fixed bug when the parallax in some themes fail to break out of its container width properly
* Fixed bug margins were not being taken into account for the parallax width

Version 1.5 – March 14, 2014

* Added ability to span across multiple rows
* Fixed bug where background-size properties weren't being followed
* Fixed bug where unnecessary html was being generated for non-parallax rows

Version 1.4 – March 12, 2014

* Now applies background-attachment: fixed to up and down directions for less jitter
* Fixed bug where background-repeat properties weren't being followed

Version 1.3 – March 11, 2014

* Added ability for parallax to break out of it's containers
* Added an option to disable / enable the parallax effect on mobile devices

Version 1.2 – March 9, 2014

* Rewrote script
* Now supports up, down, left and right parallax scrolling

Version 1.1 – March 7, 2014

* Bug fixes regarding start position and floats turning into ints

Version 1.0 – March 7, 2014

* First release