Tech from Hel

Embedding Videos: YouTube in a Thickbox

Note: This is a duplicate of an article I originally wrote on April 29, 2008 on the Supernatural Station website.

“Thickbox” is a great way to showcase a youTube video on your web site. Thickbox’s light box effect gives videos a dramatic, theatre-like feel. You only need to add a few extra lines of code to the preset embed code supplied by YouTube.com to show your video inside a “thickbox”. This method works with embed code from youTube.com as well as embed code from other video hosting sites. Click the links below to see some examples.

[youTube Thickbox demo]
[DailyMotion Thickbox demo]
[iMeem Thickbox demo]
[Vimeo Thickbox demo]

Step-by-step Instructions to embed a youTube video inside a Thickbox:

Read the rest of this entry »

Embedding Videos: Flv Videos in a Thickbox

NOTE: This is an updated version of an article I originally wrote on September 6, 2007 that was posted on SupernaturalStation.org.

Step-by-step instructions on how to display a flash video (.flv) inside a thickbox* using JW's Flvplayer

For those of you wondering how to implement JW's Flv player inside a Thickbox, it is actually quite simple. Here's how:

1. If you don't already have them, download jquery and ThickBox 3 and add them to your page's head section

   jquery.js is available at docs.jquery.com/Downloading_jQuery. ThickBox 3.1 is a group of files and images (thickbox.js, thickbox-compressed.js, thickbox.css, loadingAnimation.gif, and macFFhack.png) located at jquery.com/demos/thickbox. Download all the Thickbox files and install them in a single common directory, “thickbox”, on your web server.

   Read the rest of this entry »