BigVideo.js - The jQuery Plugin for Big Background Video

NEW WEBSITE

Setup




membership
nektpro
UPP



foundation
nshmba tv
chapters
BigVideo.js uses the Video.js api. It also requires jQuery, jQuery UI (for the slider control) and the jQuery imagesloaded plugin. Make sure you include all these


Ambient Video


Playlists

You can create a playlist like this:

For more on how to do this, including auto-hiding content and alternate fullscreen image content for touchscreen devices, take a look at this example.

Playlist clips courtesy of Beachfront B-Roll

Video.js

Because BigVideo.js is built on top of Video.js, you can use the Video.js api. Access the Video.js player with the getPlayer() method.


Tips

For best results, I recommend using Vimeo. Sign up for Vimeo Pro, then use their direct mp4 link to serve the video. Vimeo not only has solid bandwidth for delivering video, they do great compression. If you start with a high def source at a bitrate of 10mbps or more, it does such a nice job that you can probably get away with using the standard def source as your background video.

To find some great background video footage, try the links posted here, which is where I found out about all the excellent clips over at Beachfront B-Roll.