Archive for the ‘Multimedia’ Category

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.

Read more…

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 disparate group of files and images, thickbox.js, thickbox-compressed.js, thickbox.css, loadingAnimation.gif, and macFFhack.png, located at jquery.com/demos/thickbox. You need to download all the Thickbox files and install them in a single common directory, “thickbox”, on your web server.

In your document head, add javascript links to jquery.js and thickbox.js, a style link for thickbox.css, and a javascript variable definition that points to “loadinganimation.gif”.

Read more…