Embedding Windows Media Player on your Webpage
 

Using "Thickbox 3.1" and AJAX Content

Found at http://jquery.com/demo/thickbox/

 

Description: This script uses Thickbox 3.1 and AJAX Content, No-Scroll Content method

 

Click Here for the "Blind Date" Video (WMV video file)

 

Blind Date Video

 

Click Here for an example using Vimeo video

 

Click Here for an example using Youtube video

 

To create this page, I followed the instructions included at the above link. 

 

Using a text link looks like this: 

<a href="jokes/blinddate.htm?height=290&width=325" class="thickbox" title="Blind Date">
Click Here for the &quot;Blind Date&quot; Video</a>

 

Using a picture looks like this:

<a href="jokes/blinddate.htm?height=290&width=325" class="thickbox" title="Blind Date">
<img class="ol2" src="jokes/blinddate.jpg" alt="Blind Date Video"></a>

 

You will need the following files/items:

  • thickbox-compressed.js
  • jquery-latest.js
  • thickbox.css (I put this into my site_thickbox.css file)
  • loadinganimation.gif
  • macFFBgHack.png

 

 

Since the referenced .htm files contain the embedded media player and it is set to play automatically, the video will start as each link is activated.  Click here to see an example page.  To see the basic instructions on how to do this, please reference my original method "Embedding Windows Media Player on your Webpage".  Originally, I accomplished the same thing as this example, but used Frontpage's inline frame feature.

 

There are a number of ways to hyperlink to the video files and my example above includes two methods. 

 

Good luck, Ed

 

January 18, 2008