Welcome, Guest. Please login or register.
December 17, 2017, 01:31:23 AM
Home Help Search Login Register
News: Want to embed WMV videos in your web pages?  Click here:

+  alexander's forum
|-+  Lessons
| |-+  Teacher Lessons
| | |-+  How to embed Windows Media Player with video and a playlist into web pages
« previous next »
Pages: [1] Go Down Print
Author Topic: How to embed Windows Media Player with video and a playlist into web pages  (Read 41046 times)
Full Member

Karma: +27/-16
Offline Offline

Posts: 175

Stop the world, I want to get off...

« on: June 02, 2008, 08:16:35 PM »

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


Download the javascript file here:


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
<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">
<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>
<!--end HTML code -->      
« Last Edit: April 06, 2011, 10:16:13 AM by alexander » Logged

Regards, Mr A
Pages: [1] Go Up Print 
« previous next »
Jump to:  

Login with username, password and session length

Powered by MySQL Powered by PHP Powered by SMF 1.1.10 | SMF © 2006-2009, Simple Machines LLC Valid XHTML 1.0! Valid CSS!