Trends

10 Plugins for Adding Video Backgrounds to Your Own Site

We share some of the best tools, resources, addons and plugins that will allow you to quickly and easily add video backgrounds to your site.

Today, we take a look at some of the best tools, resources, and plugins that will allow you to quickly add video backgrounds to your site in no time.

As well as some fantastic resources from Codecanyon we have also included a selection of free and open-source plugins (for theme and template developers) that will help you get the job done much quicker.

Easy Video Background (HTML5)

Easy Video Background lets you add video backgrounds to your website with just a single JavaScript call. The script automatically picks the most optimal video format and also has built-in image fallback for non-supportive mobile devices. In the rare occurrence that the HTML5 video tag is not supported, a Flash fallback will make sure the video is visible.

Easy Video Background

Easy Video Background Plugin (WordPress)

This is the WordPress version of the Easy Video Background script that we featured above. The plugin makes it even easier to add video to your WordPress site than the script.

Easy Video Background Plugin

If you are new to this plugin, you might like to have a look at this tutorial, to help get you started.

Ultimate Addons for Visual Composer (WordPress)

The Ultimate Addons for Visual Composer plugin adds several premium elements to Visual Composer on top of the built-in ones. As well as fixed-image and parallax scrolling backgrounds, it also comes with support for both hosted and Youtube video backgrounds.

Ultimate Addons for Visual Composer

If you are looking for a Visual Composer plugin that only offers the video background functionality, you could try this plugin.

Video & Parallax Backgrounds For Visual Composer (WordPress)

Similiar in functionality to the plugin featured above, the Video & Parallax addon 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 enough to suit your theme’s design.

Video & Parallax Backgrounds For Visual Composer

Video Player & FullScreen Video Background (HTML5)

This HTML5 Video Player is ideal if you need to add a video player to your site. It does support video backgrounds and you can use either YouTube, Vimeo or self-hosted videos.

Video Player & FullScreen Video Background

Simple BG – Easy Video Background (HTML5)

The Simple BG addon makes it very easy to create video backgrounds on your site. This script will the pick the best quality of video (either Youtube or native) to display in the background and also comes with a selection of control functions, such as pause, play, mute, and many more.

Simple BG - Easy Video Background

Full Width Background Gallery with Youtube Video (HTML5)

The Full Width Background Gallery plugin is an extended version of the Full Width Background Slider plugin, and offers the added option of using unlimited slides and also full-width Youtube video backgrounds.

Full Width Background Gallery with Youtube Video

BigVideo.js (HTML5)

BigVideo.js has been built on top of Video.js which is a popular HTML5 video library. You can add different video types as a fallback, which is perfect for large browser support.

bigvideo js open source jquery plugin

If you’re looking for a quick way of getting started with this plugin, you could follow along with this Codrops tutorial.

Vide (jQuery)

Vide behaves in a similar manner as BigVideo.js above. The background video is appended onto the page through a div with code written in jQuery. This plugin also offers an optional poster image which can be used as a preloader while the video buffers.

vide jquery js plugin video bg

jQuery Tubular (jQuery)

Tubular is another jQuery video background plugin that pulls video data straight from YouTube. This is perfect if you don’t want to host the video yourself in order to save bandwidth. If you’re curious to see how this works check out the Tubular live demo.

tubular youtube video background plugin

 

Featured image: jirkaejc.


Paul Andrew

About the Author Paul Andrew

Paul is the founder of Speckyboy Design Magazine and writes web stuff for Envato. You can follow him on Twitter.