Not Rated!1 Star2 Stars3 Stars4 Stars5 Stars

Videobox: Lightbox for videos

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/

efb03 tafbutton blue16 Videobox: Lightbox for videos

Related Listings:

  1. CeeBox : Video Lightbox I guess I needed to exercise the geek part of…
  2. Multi Lightbox for Images-Flash-Videos-Mp3s-Html The All in One Ajax Multi Lightbox Script which supports…
  3. Bumpbox – Images, Html files, Flv Videos, Swf files and PDFs – Lightbox Bumpbox – Images, Html files, Flv Videos, Swf files and…

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>