jQuery Plugin To Embed Videos with Lightbox Effects - Video Lightbox

File Size: 4.91 KB
Views Total: 6737
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin To Embed Videos with Lightbox Effects - Video Lightbox

jQuery Video Lightbox plugin allows you to add flv, mp4, 3gp videos from popular 3rd services (Youtube, Facebook, Google Video, Vimeo, MySpace) with cool popup lightbox effects and a lot of gorgeous gallery themes. It supports flv, mp4 and 3gp video formats and can automatically create video thumbnails.

Basic Usage:

1. Choose and include Video Lightbox template CSS files on the page

<link rel="stylesheet" href="img/demo/mac/videolightbox.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="img/demo/mac/overlay-minimal.css"/>

2. Include jQuery library and other necessary javascript files on the page

<script src="img/demo/mac/jquery.js" type="text/javascript"></script>
<script src="img/demo/mac/swfobject.js" type="text/javascript"></script>
<script src="img/demo/mac/jquery.tools.min.js" type="text/javascript"></script>
<script src="img/demo/mac/videolightbox.js" type="text/javascript"></script>

3. Add your videos on your web page

<div class="videogallery">
<a class="voverlay" href="http://www.metacafe.com/fplayer/2860448/farid_farjad_golha_ordinary_miracles.swf?autoPlay=yes" title="Farid Farjad Golha - Ordinary Miracles">
<img src="img/demo/mac/thumbnails/0.png" alt="Farid Farjad Golha - Ordinary Miracles" />
<span></span>
</a>

...
</div>

More Examples:


This awesome jQuery plugin is developed by VideoLightbox. For more Advanced Usages, please check the demo page or visit the official website.