Home » Tips & Tools

How to Create Video Lightboxes

No Comment

Question: Loved your webinar on the Principles of  Effective Website Design for Video Business - great information. One thing I noticed was the eye catching and simple site you designed and used as an example to explain the content framework model. You stressed a page had to load very quickly – but what about the videos? When using one video on a page my site tends to load very slow. On your site the page has at least 9. Please advise.

Answer: Those are not actual videos but a series of still images with a “play” icon on the top to prompt the visitor to press play. When the user clicks the image, a video pops in using a JQuery lightbox:

This script does the trick:

Here are some free versions of the same thing if you’re more advanced

- LightBox Clone
- Video Box
- MultiBox

Yes, the point is to keep the page loading fast- those videos are hosted away from the main load.

There are a few video lightbox plugins for WordPress and Drupal but most didn’t work as well as I expected.

- 10 Lightbox Solutions for WordPress
- Lightbox 2 for Drupal
- Another Lightbox for Drupal

Comments or additional questions?
Leave your response here

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

The dvshow.com is Gravatar-enabled. To put a face to your comments, get your own globally-recognized-avatar at Gravatar.