rsbackvid v1.0.0

backVid

A jQuery plugin to allow a YouTube video to be used as a background for your website.

backVid uses the YouTube IFrame API which does not require any Flash objects to be present on your website. Currently, backVid assumes that as video through the YouTube iFrame API does not play automatically on mobile, it is replaced with either a fixed colour or image of your choosing.

Usage

After including jQuery and the backVid plugin, instantiate backVid like so:

$(function(){
    $('body').backVid({
        videoId: "9d8wWcJLnFI"
    });
});

You can specify the mobile background with the following options:

$(function(){
    $('body').backVid({
        videoId: "9d8wWcJLnFI",
        mobileBackgrounType: 'image',
        backgroundValue: 'http://www.rstandley.co.uk/laboratory/url_shortner/UxWBHq'
    });
});

Usage

Tested on IE8+, Firefox 3.6+, Chrome 15+, Opera 12.5+, Safari 4+

Options

Demo

Click here to view a demo