About Putting YOUR movies at YOUR web site

Update 2010

The content below [from 2006] WOULD still be totally correct had it not been for the "WebVideo War" over the last 4 years that saw MicroSoft cave in to the other "Big Players" and agree that movies in wmv format, displayed in WMPlayer were a thing of the past.

The Google/UTube conglomerate has been given the job of Web Video [based upon the MP4 format, displayed in "flash"], and MicroSoft has agreed to focus on "GUI things".

But same as when they tried to kill off Excel4 in 1992, if you still have MovieMaker in XP then you can still keep making those lovely movies as wmv till the cows come home, cept you will not be able to show them DIRECTLY on your website [ie in WMPlayer]. So we decided if you can't beat 'em, then join 'em, and have put together some exciting packages to allow you to show your videos.

Your UTube

Your UTube gives you the choice of 5 different video formats, as well as the choice of 4:3 or 16:9. The videos are displayed in an album of 9 videos on your "Home Page" which the user selects one at a time.

All is explained at

Your KTab

This option still gives you a "Home Page" but it is far more comprehensive and includes 8 of the UTube pages.

All is explained at

Please let me share with you the simple code to put your movie at your own web site. It seems that there is a belief that if you want to put a movie on the internet that you have to use some external company [who will charge you fees it would seem, and zap your movie after two weeks or so].

The truth is that a movie is no different to a picture [and you never put pictures on other people's web sites, did you?] so here is the good oil on the HTML code to use to do so.

But as an initial comparison, here is feed from UTube

Here is the unmodified wmv file from this server

As seen & heard, the UTube version, converted to lo qual flash is very much degraded.

First of all we have the simple nude Media Player [and let's put it in the middle]

This is the code to copy to your HTML file. Of course you replace "movie2.wmv" with the name of your own movie in BOTH the locations below

<CENTER>
<OBJECT id='mediaPlayer' width="320" height="308" 
      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'>
      <param name='fileName' value=
"movie2.wmv"
><param name='animationatStart' value='true'>
      <param name='transparentatStart' value='true'>
      <param name='autoStart' value="false">
      <param name='showControls' value="true">
      <param name='loop' value="false">
      <param name="ShowStatusBar" value="true">
<EMBED type='application/x-mplayer2'
pluginspage='http://microsoft.com/windows/mediaplayer/en/download/'
        id='mediaPlayer' name='mediaPlayer' displaysize='4' autosize='-1' 
        bgcolor='darkblue' showcontrols="true" showtracker='-1' 
        showdisplay='0' showstatusbar='0' videoborder3d='-1' width="320" height="285"
        src=
"movie2.wmv"
 autostart="false" designtimesp='5311' loop="false">
 </EMBED></OBJECT></CENTER>

Here is the same thing in 16:9. This clip was one that was sitting in my temp folder from something I viewed at Putfile etc. So apart from simply changing 320 to 428 in the code please observe that this is saved at a very low 340 kbps [ie not even 3 mb per minute] but the quality is great, just proving that firstly you don't gain anything by putting on the web at HUGE kbps and secondly that if the only reason that you are not putting it at your own site is because you only have 100 mb or so, then this will not break the bank. I think the watermark says abc so well done you guys and I am sure you don't mind me putting [no pun intended] it in this tutorial.

This is the code to copy to your HTML file. Of course you replace "movie3.wmv" with the name of your own movie in BOTH the locations below

<CENTER>
<OBJECT id='mediaPlayer' width="428" height="308" 
      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'>
      <param name='fileName' value=
"movie3.wmv"
><param name='animationatStart' value='true'>
      <param name='transparentatStart' value='true'>
      <param name='autoStart' value="false">
      <param name='showControls' value="true">
      <param name='loop' value="false">
      <param name="ShowStatusBar" value="true">
<EMBED type='application/x-mplayer2'
pluginspage='http://microsoft.com/windows/mediaplayer/en/download/'
        id='mediaPlayer' name='mediaPlayer' displaysize='4' autosize='-1' 
        bgcolor='darkblue' showcontrols="true" showtracker='-1' 
        showdisplay='0' showstatusbar='0' videoborder3d='-1' width="428" height="285"
        src=
"movie3.wmv"
 autostart="false" designtimesp='5311' loop="false">
 </EMBED></OBJECT></CENTER>

If you wish to give the visitors to your site a bit of a sneak preview [thumbnail] of the movie, then here is a format where you can take a "photo" in MovieMaker [or otherwise] and insert it on the left hand side. So in this configuration we are using HTML tables to provide the thumbnail plus movie combination.

Here is the code, and as well as "movie2.wmv" you will also need to insert the name of your own thumbnail at "thumb1.jpg" as well as save the "movie2.gif" image [use right mouse click to save, and copy it to the same folder]

<CENTER><TABLE WIDTH=662 HEIGHT=325 BORDER=4 BORDERCOLOR="#00FF00"><TR><TD WIDTH=320 HEIGHT=240><img src=
"thumb1.jpg"
><img src=
"movie2.gif"
WIDTH=320 HEIGHT=68></TD><TD WIDTH=320 HEIGHT=240>
<OBJECT id='mediaPlayer' width="320" height="308" 
      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'>
      <param name='fileName' value=
"movie2.wmv"
><param name='animationatStart' value='true'>
      <param name='transparentatStart' value='true'>
      <param name='autoStart' value="false">
      <param name='showControls' value="true">
      <param name='loop' value="false">
      <param name="ShowStatusBar" value="true">
<EMBED type='application/x-mplayer2'
pluginspage='http://microsoft.com/windows/mediaplayer/en/download/'
        id='mediaPlayer' name='mediaPlayer' displaysize='4' autosize='-1' 
        bgcolor='darkblue' showcontrols="true" showtracker='-1' 
        showdisplay='0' showstatusbar='0' videoborder3d='-1' width="320" height="285"
        src=
"movie2.wmv"
 autostart="false" designtimesp='5311' loop="false">
      </EMBED>
      </OBJECT>
</TD></TR></TABLE></CENTER>

If you go to 640 x 480 [without any thumb] but with the same frame here is the code. In fact I changed BORDER=10 BORDERCOLOR="#00FFFF" to show a thicker border in light blue



<CENTER><TABLE WIDTH=640 HEIGHT=548 BORDER=10 BORDERCOLOR="#00FFFF"><TR><TD WIDTH=640 HEIGHT=548>
      <OBJECT id='mediaPlayer' width="640" height="548" 
      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'>
      <param name='fileName' value=
"valbum1.wmv"
><param name='animationatStart' value='true'>
      <param name='transparentatStart' value='true'>
      <param name='autoStart' value="false">
      <param name='showControls' value="true">
      <param name='loop' value="false">
      <param name="ShowStatusBar" value="true">
<EMBED type='application/x-mplayer2'
pluginspage='http://microsoft.com/windows/mediaplayer/en/download/'
        id='mediaPlayer' name='mediaPlayer' displaysize='4' autosize='-1' 
        bgcolor='darkblue' showcontrols="true" showtracker='-1' 
        showdisplay='0' showstatusbar='0' videoborder3d='-1' width="640" height="525"
        src=
"valbum1.wmv"
 autostart="false" designtimesp='5311' loop="false">
      </EMBED></OBJECT></TD></TR></TABLE></CENTER>