Videobox is a 6kb script, which shows your videos in the page with an overlay. It was inspired from Lightbox.v2 and uses some of the Slimbox’s code. It’s written for the wonderful mootools library. And used swfobject to embed flash.

Usage

Firstly, you should include 3 javascript files to your page. You can change the path, if you upload it to somewhere else. You can paste the code below in your head tag.

<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/swfobject.js"></script>

<script type="text/javascript" src="js/videobox.js"></script>   

And you must include the css file(for the styles).

<link rel="stylesheet" href="css/videobox.css" type="text/css" media="screen" />   

And, here is the thing:

<a href="http://www.youtube.com/watch?v=uhi5x7V3WXE" rel="vidbox" title="caption">our video</a>   

Add the rel=”vidbox” to your video page’s link to show video links in Videobox, and add title=”my caption” to add caption to a box.

Demo: http://videobox-lb.sourceforge.net/
Download: http://www.huddletogether.com/projects/lightbox2/releases/lightbox2.04.zip
Source: http://videobox-lb.sourceforge.net/

Related Listings:

1. CeeBox : Video Lightbox I guess I needed to exercise the geek part of...
2. Bumpbox – Images, Html files, Flv Videos, Swf files and PDFs – Lightbox Bumpbox – Images, Html files, Flv Videos, Swf files and...
3. Sexy LightBox 2.3 SexyLightBox is a clon, sexier and more lightweight than the...

Do you like this post?

Email: