Video LightBox Script

by Ravi Jayagopal on 12/20/2009


A Lightbox is a piece of JavaScript used to display images and videos in an ‘overlay’.

Basically, a user can click on an image to either have the image – or a video – magnified in a Lightbox window. It is usually accompanied by the use of a dark background, usually a dimming of the page over which the image or video has been overlaid, which helps highlight the image or video being displayed.

For example, click on the image below, and see what happens.

And you can see it in action, on a real, live web site, at the home page of http://DigitalAccessPass.com

This Lightbox script is available for free. It is actually open-source, and released under the MIT license – which means you can also use it in commercial projects.

Bookmark and Share

{ 5 comments… read them below or add one }

Office Equipment UK 12/20/2009 at 6:05 am

Thanks Ravi. This looks like it could be a very useful script. The effects in the the example are certainly very cool. Have you used in on a live site though? And links to see it in action in the ‘real’ world.

Ravi Jayagopal 12/20/2009 at 2:47 pm

Yes, I’m using this on a live web site at http://DigitalAccessPass.com .

Will 12/20/2009 at 4:09 pm

Thanks Ravi for the information.. what I would really be interested in is a free script that plays a small ad at the bottom of a video.

In this manner if folks saw what they liked in the video, they could click the link in the ad and go to a sales page.

I’ve seen these ads on other videos something like “this video sponsored by.. LINK”.

That would be agreat companion to this script.

Michael 12/20/2009 at 4:12 pm

I am a little confused on installation. Where can I get the install instructions?

al 12/21/2009 at 4:44 am

Hi,

I would also be interested in the installation guide – I am not a techy. Is this a problem?

PS. Ravi – loving your work. Thanks!

Leave a Comment

Previous post:

Next post: