Embedded Windows Media Player

October 17th, 2006, 9:07 am

How can I insert an embedded Windows Media Player to play .wmv/.avi videos. I also would like the player to have a playlist allowing viewers to select different videos on one player.
Any help/directions/advice is appreciated.

October 17th, 2006, 1:47 pm

standard.procedure wrote:

How can I insert an embedded Windows Media Player to play .wmv/.avi videos. I also would like the player to have a playlist allowing viewers to select different videos on one player.
Any help/directions/advice is appreciated.

Here is a simple code for embedding a windows media player:

Quote:

<OBJECT id="VIDEO" width="320" height="240"
style="position:absolute; left:0;top:0;"
CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"
type="application/x-oleobject">

<PARAM NAME="URL" VALUE="your file or url">
<PARAM NAME="SendPlayStateChangeEvents" VALUE="True">
<PARAM NAME="AutoStart" VALUE="True">
<PARAM name="uiMode" value="none">
<PARAM name="PlayCount" value="9999">
</OBJECT>

October 18th, 2006, 10:23 am

Pirate TV wrote:

standard.procedure wrote:

How can I insert an embedded Windows Media Player to play .wmv/.avi videos. I also would like the player to have a playlist allowing viewers to select different videos on one player.
Any help/directions/advice is appreciated.

Here is a simple code for embedding a windows media player:

Quote:

<OBJECT id="VIDEO" width="320" height="240"
style="position:absolute; left:0;top:0;"
CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"
type="application/x-oleobject">

<PARAM NAME="URL" VALUE="your file or url">
<PARAM NAME="SendPlayStateChangeEvents" VALUE="True">
<PARAM NAME="AutoStart" VALUE="True">
<PARAM name="uiMode" value="none">
<PARAM name="PlayCount" value="9999">
</OBJECT>

Thanks. But do you know how to include a playlist on the player?

October 20th, 2006, 8:44 am

Playlists are used by making an asx file. Here is an example of an asx file:

Quote:

<ASX Version = "3.0">
<TITLE>Vocal's Midi Message Board</TITLE>
<ENTRY>
<TITLE>Title of Video 1</TITLE>
<REF HREF="http://yourvideo.com/video1.wmv" />
</ENTRY>
<ENTRY>
<TITLE>Title of Video 2</TITLE>
<REF HREF="http://yourvideoURL.com/video2.wmv" />
</ENTRY>
</ASX>

You can add as many entries as you need. Once you have this tped out, save the file as "whatever.asx". Then use that as the URL in the embed code that I gave you earlier.

I hope that helps!

October 22nd, 2006, 9:51 am

Thanks Pirate TV
By any chance, do you know how to do something like this: http://nunzioweb.com/wacky_videos.shtml

I want a playlist of videos that a viewer so a viewer can chose which video to watch while keeping everything on one page.

October 23rd, 2006, 8:06 am

There was a thread on Thursday/Friday about this. I suggest using the search feature for it.

December 21st, 2008, 11:31 am

In using these examples where is the asx file placed in the code and how would I link a thumbnail to the file?

December 23rd, 2008, 12:19 pm

i would stay away from windows media and go with flash FLV, convert your video into an FLV and do the rest in Flash, its faster, cleaner, and all flash based, windows media stinks if you ask me

December 26th, 2008, 7:28 am

I understand that media player isn't the best but for the time being it is all that I have. I can't afford to buy the software to convert to flash format. I have Draemwever8, Director8, and Fireworks3 but can’t find anything on how to convert with these programs.

I have a grandfather that wants to see the Taekwondo that he has been paying for and wmv is all I have for now.

February 3rd, 2009, 9:10 am

I had a look at what you want and i have got it for you. The way it works is its displays a webpage in the selected area eg: his playlist is a page of its own as is each player so when you click on say....Video 1 it opens the page that has the player playing video 1.

How:

Create a folder for your test player. you need to make four html pages.
1= index.html (main Page)
2= loading.html (preview Page)
3= playlist.html (playlist)
4= video1.html (video 1 page)

Codes: paste theese into said pages, change where required.

index.html =

Code: [ Download ] [ Select ]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<table border="0" cellspacing="5" cellpadding="0" class="main" align="center">
<tr>
    <td align="center" valign="top"><table border="0" cellspacing="0" cellpadding="0">
     <tr>
        <td align="center"><img src="YOUR IMAGE URL" alt="" /></td>

     </tr>
     <tr>
        <td align="center"><img src="YOUR IMAGE URL" alt="" /></td>
     </tr>
    </table>
     <table border="0" align="center">
        <tr>
         <td valign="top"><form action="">
            <table border="0" width="220" cellspacing='0' align="center" cellpadding="0">

             <tr>
                <td align="center"><table border="0" width="275" align="center" cellpadding="0" cellspacing="2" style="background-color: #35679a; color: #356795">
                 <tr>
                    <td><iframe src="playlist.html" name="playlist" width="100%" height="256" scrolling="Auto" frameborder="0" id="video_select">[Your user agent does not support frames or is currently configured not to display frames.]</iframe></td>
                 </tr>
                </table></td>
                <td>&nbsp;&nbsp;&nbsp;</td>
                <td valign="top"><table border="0" width="283" align="center" cellpadding="0" cellspacing="2" style="background-color: #35679a; color: #356795">

                 <tr>
                    <td valign="top"><iframe src="loading.html" name="video_play" width="100%" height="256" scrolling="No" frameborder="0" id="video_play">[Your browser does not support frames or is currently configured not to display frames. Please use an up-to-date browser that is capable of displaying frames.]</iframe></td>
                 </tr>
                </table></td>
             </tr>
            </table>
         </form></td>
        </tr>

     </table></td>
</tr>
</table>
</body>
</html>

1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2. <html xmlns="http://www.w3.org/1999/xhtml">
3. <head>
4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5. <title>Untitled Document</title>
6. </head>
8. <body>
9. <table border="0" cellspacing="5" cellpadding="0" class="main" align="center">
10. <tr>
11.     <td align="center" valign="top"><table border="0" cellspacing="0" cellpadding="0">
12.      <tr>
13.         <td align="center"><img src="YOUR IMAGE URL" alt="" /></td>
15.      </tr>
16.      <tr>
17.         <td align="center"><img src="YOUR IMAGE URL" alt="" /></td>
18.      </tr>
19.     </table>
20.      <table border="0" align="center">
21.         <tr>
22.          <td valign="top"><form action="">
23.             <table border="0" width="220" cellspacing='0' align="center" cellpadding="0">
25.              <tr>
26.                 <td align="center"><table border="0" width="275" align="center" cellpadding="0" cellspacing="2" style="background-color: #35679a; color: #356795">
27.                  <tr>
28.                     <td><iframe src="playlist.html" name="playlist" width="100%" height="256" scrolling="Auto" frameborder="0" id="video_select">[Your user agent does not support frames or is currently configured not to display frames.]</iframe></td>
29.                  </tr>
30.                 </table></td>
31.                 <td>&nbsp;&nbsp;&nbsp;</td>
32.                 <td valign="top"><table border="0" width="283" align="center" cellpadding="0" cellspacing="2" style="background-color: #35679a; color: #356795">
34.                  <tr>
35.                     <td valign="top"><iframe src="loading.html" name="video_play" width="100%" height="256" scrolling="No" frameborder="0" id="video_play">[Your browser does not support frames or is currently configured not to display frames. Please use an up-to-date browser that is capable of displaying frames.]</iframe></td>
36.                  </tr>
37.                 </table></td>
38.              </tr>
39.             </table>
40.          </form></td>
41.         </tr>
43.      </table></td>
44. </tr>
45. </table>
46. </body>
47. </html>

loading.html=

Code: [ Download ] [ Select ]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Loading Page</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<STYLE TYPE="text/css">
TD
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Helvetica, Arial
}


body {
padding-top:0;
padding-bottom:0;
padding-left:0;
padding-right:0;
margin-top:0;
margin-bottom:0;
margin-left:0;
margin-right:0;
color: #EDEDDD;
background-color: #000000;

    FONT-FAMILY: Trebuchet MS, Arial, Helvetica;
}
</style>
</head>
<body><br><br><br><br>
<div align="center">
<h1>PLEASE CHOOSE A VIDEO</h1>
</div>
</body>
</html>

1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2. <html>
3. <head>
4. <title>Loading Page</title>
5. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
6. <STYLE TYPE="text/css">
7. TD
8. {
9.     FONT-SIZE: 8pt;
10.     FONT-FAMILY: Verdana, Helvetica, Arial
11. }
14. body {
15. padding-top:0;
16. padding-bottom:0;
17. padding-left:0;
18. padding-right:0;
19. margin-top:0;
20. margin-bottom:0;
21. margin-left:0;
22. margin-right:0;
23. color: #EDEDDD;
24. background-color: #000000;
26.     FONT-FAMILY: Trebuchet MS, Arial, Helvetica;
27. }
28. </style>
29. </head>
30. <body><br><br><br><br>
31. <div align="center">
32. <h1>PLEASE CHOOSE A VIDEO</h1>
33. </div>
34. </body>
35. </html>

playlist.html

Code: [ Download ] [ Select ]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Expires" content="-1">
<title>Playlist</title>
<link href="l" rel="stylesheet" type="text/css">
<style type="text/css">
body {
padding-top:0;
padding-bottom:0;
padding-left:0;
padding-right:0;
margin-top:0;
margin-bottom:0;
margin-left:0;
margin-right:0;
}
</style>
</head>
<body>
<script language="JavaScript" type='text/javascript' src='js/sbar.js'></script>
<table align="center" border="0" width="100%" cellpadding="0" cellspacing="0"><tr>
<td style="width: 220px; font-family:verdana, arial, helvetica, sans-serif; font-size: 12px;">&nbsp;Select from the list:
<ol>
<li><a onFocus="this.blur();" target="video_play" href="video1.html">Video&nbsp;One&nbsp;Baby!</a>

<li><a onFocus="this.blur();" target="video_play" href="video2.html">Video 2</a>


<li><a onFocus="this.blur();" target="video_play" href="video3.html">And So On</a>

</ol></td></tr></table>
</body>
</html>

1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2. <html>
3. <head>
4. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
5. <meta http-equiv="pragma" content="no-cache">
6. <meta http-equiv="Expires" content="-1">
7. <title>Playlist</title>
8. <link href="l" rel="stylesheet" type="text/css">
9. <style type="text/css">
10. body {
11. padding-top:0;
12. padding-bottom:0;
13. padding-left:0;
14. padding-right:0;
15. margin-top:0;
16. margin-bottom:0;
17. margin-left:0;
18. margin-right:0;
19. }
20. </style>
21. </head>
22. <body>
23. <script language="JavaScript" type='text/javascript' src='js/sbar.js'></script>
24. <table align="center" border="0" width="100%" cellpadding="0" cellspacing="0"><tr>
25. <td style="width: 220px; font-family:verdana, arial, helvetica, sans-serif; font-size: 12px;">&nbsp;Select from the list:
26. <ol>
27. <li><a onFocus="this.blur();" target="video_play" href="video1.html">Video&nbsp;One&nbsp;Baby!</a>
29. <li><a onFocus="this.blur();" target="video_play" href="video2.html">Video 2</a>
32. <li><a onFocus="this.blur();" target="video_play" href="video3.html">And So On</a>
34. </ol></td></tr></table>
35. </body>
36. </html>

video1.html

Code: [ Download ] [ Select ]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>vIDEO 1 PAGE</title>
<style type="text/css">
body {
padding-top:0;
padding-bottom:0;
padding-left:0;
padding-right:0;
margin-top:0;
margin-bottom:0;
margin-left:0;
margin-right:0;
background-color: #eeeee0;
}
</style>
</head>
<body>

<object id="MediaPlayer1" CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
standby="Loading Microsoft Windows® Media Player components..." type="application/x-oleobject" width="280" height="256">
<param name="fileName" value="your video here .wmv">
<param name="animationatStart" value="true">
<param name="transparentatStart" value="true">
<param name="autoStart" value="true">
<param name="showControls" value="true">
<param name="Volume" value="-450">
<embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="YOUR VIDEO HERE.WMV" name="MediaPlayer1" width=280 height=256 autostart=1 showcontrols=1 volume=-450>
</object>
</body>
</html>

1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2. <html>
3. <head>
4. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
5. <title>vIDEO 1 PAGE</title>
6. <style type="text/css">
7. body {
8. padding-top:0;
9. padding-bottom:0;
10. padding-left:0;
11. padding-right:0;
12. margin-top:0;
13. margin-bottom:0;
14. margin-left:0;
15. margin-right:0;
16. background-color: #eeeee0;
17. }
18. </style>
19. </head>
20. <body>
22. <object id="MediaPlayer1" CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
23. standby="Loading Microsoft Windows® Media Player components..." type="application/x-oleobject" width="280" height="256">
24. <param name="fileName" value="your video here .wmv">
25. <param name="animationatStart" value="true">
26. <param name="transparentatStart" value="true">
27. <param name="autoStart" value="true">
28. <param name="showControls" value="true">
29. <param name="Volume" value="-450">
30. <embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="YOUR VIDEO HERE.WMV" name="MediaPlayer1" width=280 height=256 autostart=1 showcontrols=1 volume=-450>
31. </object>
32. </body>
33. </html>

Well there you go!! Any probs, let me know info@britbox.co.uk or reply here if poss, (just joined today so dont know!

Embee

February 4th, 2009, 8:17 am

This thread is a real life saver, thanks! This is my dillema for days. I have a hard time placing a video player without messing out on the site code as I am fairly new and learning to all of these. Glad I came to the right boards.

February 4th, 2009, 11:12 pm

Your welcome, need any more help, let me know!