How to create Lightbox with flv player
Web Stunning FLV Player

A lightbox is a way of showing an image or a movie as an overlay on a website. This page contains example and source code of lightbox with Webstunning FLV Player.

Demo

Click to start video #1 Click to start video #2





Content on this page requires a newer version of Adobe Flash Player.

Download flash player

Source code

Add following links to your page (Click to download the files)
<script type="text/javascript" src="lightbox.js"></script>
<link rel="stylesheet" type="text/css" href="lightbox.css" />
The source code of the text link:
<a href="#" id="lightboxlink" rel="1" title="caption 1">
Click to start video #1
</a>
The source code of the image link:
<a href="#" id="lightboxlink" rel="4" title="caption 4">
<img src="http://webstunning.com/player-demo/2vid.jpg" />
</a>
The player is inserted right after the text and image links, but CSS makes it invisible.
<div id="webstunning_video_player" >
...
</div>