Set YouTube Video as webpage background

Do you ever think of adding a YouTube video as a background of your web page? Many of you think it as impossible. But Tubular is a nice jQuery plugin which allow users to set a video from YouTube as web page background. This requires javascript and Flash at the client’s browser. The script is totally dependent on the Flash and jQuery.

You will need to know the YouTube ID of the video you want to use as well as the container DIV of your web page.

How to use:

Attach the jQuery to your webpage.

<script type="text/javascript" charset="utf-8" src="http://code.jquery.com/jquery-1.4.3.min.js"></script>

Load swfobject.

<script type="text/javascript" charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script>

Load the tubular plugin. tubular must be called AFTER the previous two calls.

<script type="text/javascript" charset="utf-8" src="js/jquery.tubular.js"></script>

Call tubular on your BODY tag with the YouTube ID and your content container DIV as parameters.

$().ready(function() {
$('body').tubular('someYTid','wrapper'); // where someYTid is the YouTube ID and wrapper is your containing DIV.
});

Demo Download