How to embed Windows Media Player with video and a playlist into web pages

[alexander]

To view an example of this code on a page, go to this link:

http://www.liamalexander.com/gallery/live_tv.html

Download the javascript file here:

http://www.liamalexander.com/scripts/playit.js

To embed WMV video files into web pages and make the videos play within the page, copy and paste this code into the BODY section of your code:  (change the file paths to your own video files and javascript, but this code will work as it is).

<!--begin HTML code -->
<script language="javascript" type="text/javascript" src="http://www.liamalexander.com/scripts/playit.js"></script
<div>
<SPAN id=music1>
<OBJECT id=mediaPlayer codeBase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 type=application/x-oleobject height=400 standby="Loading Microsoft Windows Media Player components..." width=470 style="margin-left: 0px" classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95>
<embed type="application/x-mplayer2" pluginspage="http://microsoft.com/windows/mediaplayer/en/download/" bgcolor="darkblue" showcontrols="true" showpositioncontrols="true" showstatusbar="tue" showgotobar="true" src="first_pop_printer_friendly_data/none.htm" autostart="true" designtimesp="5311" loop="true" height="400" width="470">
</OBJECT></SPAN>
</div>
<div>
<SELECT id=cancion onchange=PlayIt() size=1 name="cancion" style="width: 470; color:#C0C0C0; height:22; background-color:#000000;">
<option value="">-- Please Select Video File --</option>
<option value=http://liamalexander.com/computing/gallery/albums/video/countdown.wmv>. . Countdown</option>
<option value=http://liamalexander.com/computing/gallery/albums/video/Time_Crisis_4_Video.wmv>. . Time Crisis 4</option>
<option value=http://liamalexander.com/computing/gallery/albums/video/need_for_speed_pro_steet.wmv>. . Need For Speed</option>
<option value=http://liamalexander.com/computing/gallery/albums/video/assessment.wmv>. . Meli's Video</option>
<option value=http://liamalexander.com/computing/gallery/albums/video/k_0001.wmv>. . Keldin's Video</option>
<option value=http://liamalexander.com/computing/gallery/albums/video/Skateboard_Tricks_Video.wmv>. . Chris's Video</option>
<option value=http://liamalexander.com/computing/gallery/albums/video/video_0001.wmv>. . Salinina's Video</option>
<option value=http://liamalexander.com/computing/gallery/albums/video/JORDAN_MOVES_23.wmv>. . Josh's Video</option>
<option value=http://liamalexander.com/computing/gallery/albums/video/robots_video_0001.wmv>. . Sam's Video</option>
<option value=http://liamalexander.com/computing/gallery/albums/video/Unexpected2.wmv>. . Unexpected</option>
<option value=http://liamalexander.com/computing/gallery/albums/video/By_brendan_wu.wmv>. . Brendan's Video</option>
<option value=http://liamalexander.com/computing/gallery/albums/video/rebecca01.wmv>. . Rebecca's Video 1</option>
<option value=http://liamalexander.com/computing/gallery/albums/video/rebecca_robots002.wmv>. . Rebecca's Video 2</option>
<option value=http://liamalexander.com/computing/gallery/albums/video/robotics_videoo_002.wmv>. . Robotics Video</option>
<option value=http://liamalexander.com/computing/gallery/albums/video/joys_01.wmv>. . The Joys of Spring</option>
</SELECT>
</div>
<!--end HTML code -->