JavaScript
Article

5 jQuery Background Video Plugins

By Sam Deering

We have seen websites that have images as its background, and let’s all agree that they are pretty cool looking sites. If they can use images, why not use videos also? Here we are giving you our collection of 5 jQuery Background Video plugins that can help you fulfill that! These plugins enables you to easily integrate some of your favorite videos as your website/blog background. Have fun!

Related Posts:

1. BIGVIDEO.JS

This plugin makes it easy to add fit-to-fill background video to websites. It can play silent ambient background video (or series of videos). Or use it as a player to show video playlist.
BIGVIDEO.JS
Source + Demo

2. JQUERY.VIDEOBG

This jQuery plugin enables you to very easily use an HTML5 video as a background to a website or any div.
JQUERY.VIDEOBG
SourceDemo

3. jQuery Video Background plugin

Will place a resizable video in to the background of the page or designated element. Browsers that don’t support the HTML5 video element will get an image if a poster image was provided.
jQuery Video Background
SourceDemo

4. jQuery tubular

A plugin that places a YouTube video of your choice into your page as a background.
jQuery tubular
SourceDemo

5. JQUERY.MB.YTPLAYER

This jquery component let you have a chromeless, customizable player for your favorite YT movies. It can be used as background of your HTML page.
JQUERY.MB.YTPLAYER
SourceDemo

  • MotiZil

    Nice

  • Mattia Frigeri

    Which do you think is the best one?

    • Matt Kimont

      none of them..

  • Mitch

    You are specialised in JavaScript , so you should fix that hover on .footer-contact a it’s not a pretty sight. Besides that , thanks for the info i needed a video plugin for using background videos. Keep up the good work !

  • LogIN

    Check out my :) video background plugin:
    https://github.com/LogIN-/js-video-background

  • Sahan Dissanayake

    Not works in mobile browsers. Anyone found a Library for Mobile Browsers?

Recommended

Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

Get the latest in JavaScript, once a week, for free.