Online Video playback

Benjibum · #1 (**permalink**) 04-18-2006, 11:36 PM

Hi All,

Happy Easter and all that.

I am about to launch my new site. Within it I have some short videos which I am producing into wmv streaming files. This means that surfers will be able to playback my vids on Windows Media Player, assuming they have it installed. Whilst using WMP to show my vids it doesn't look as slick as being able to playback the vids on my website.

Does anyone know of a way I can create my own playback screen on my website?

Thanks

Benjibum

RocketBoy · #2 (**permalink**) 04-19-2006, 02:33 PM

Here you go...

Two bits of code, the foirst bit is a menu, just add the WEB-ADDRESS for your videos and alter the name of the MENU-ITEM-NAME. Copy and paste as many menu items as you need

The second bit is the media player itself, it goes on your page directly underneath the first section of code. You can change the SIZE of the media player on the first line.

Code:

<div align=center> 
<SELECT id=cancion onchange=document.all.music.filename=document.all.cancion.value; size=1 name=Music> 
   <OPTION selected>::::::::::::: Choose Your Song Here :::::::::::::</OPTION>        
      <OPTION value=http://WEB-ADDRESS>MENU-ITEM-NAME</OPTION> 
      <OPTION value=http://WEB-ADDRESS>MENU-ITEM-NAME</OPTION> 
      <OPTION value=http://WEB-ADDRESS>MENU-ITEM-NAME</OPTION> 
      <OPTION value=http://WEB-ADDRESS>MENU-ITEM-NAME</OPTION> 
      <OPTION value=http://WEB-ADDRESS>MENU-ITEM-NAME</OPTION>

Code:

         </SELECT><BR> 
<OBJECT id=music height=350 width=500 classid=clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95> 
   <PARAM NAME="AutoStart" VALUE="-1"> 
   <PARAM NAME="Balance" VALUE="0"> 
   <PARAM NAME="DisplaySize" VALUE="0"> 
   <PARAM NAME="Filename" VALUE=""> 
   <PARAM NAME="Mute" VALUE="0"> 
   <PARAM NAME="SelectionStart" VALUE="-1"> 
   <PARAM NAME="SelectionEnd" VALUE="-1"> 
   <PARAM NAME="ShowControls" VALUE="-1"> 
   <PARAM NAME="ShowAudioControls" VALUE="-1"> 
   <PARAM NAME="ShowDisplay" VALUE="0"> 
   <PARAM NAME="ShowPositionControls" VALUE="-1"> 
   <PARAM NAME="Volume" VALUE="0"> 
   <PARAM NAME="AudioStream" VALUE="-1"> 
   <PARAM NAME="AutoSize" VALUE="0"> 
   <PARAM NAME="AnimationAtStart" VALUE="-1"> 
   <PARAM NAME="AllowScan" VALUE="-1"> 
   <PARAM NAME="AllowChangeDisplaySize" VALUE="-1"> 
   <PARAM NAME="AutoRewind" VALUE="1"> 
   <PARAM NAME="BaseURL" VALUE=""> 
   <PARAM NAME="BufferingTime" VALUE="5"> 
   <PARAM NAME="CaptioningID" VALUE=""> 
   <PARAM NAME="ClickToPlay" VALUE="-1"> 
   <PARAM NAME="CursorType" VALUE="0"> 
   <PARAM NAME="CurrentPosition" VALUE="-1"> 
   <PARAM NAME="CurrentMarker" VALUE="0"> 
   <PARAM NAME="DefaultFrame" VALUE=""> 
   <PARAM NAME="DisplayBackColor" VALUE="0"> 
   <PARAM NAME="DisplayForeColor" VALUE="16777215"> 
   <PARAM NAME="DisplayMode" VALUE="0"> 
   <PARAM NAME="Enabled" VALUE="-1"> 
   <PARAM NAME="EnableContextMenu" VALUE="-1"> 
   <PARAM NAME="EnablePositionControls" VALUE="-1"> 
   <PARAM NAME="EnableFullScreenControls" VALUE="0"> 
   <PARAM NAME="EnableTracker" VALUE="-1"> 
   <PARAM NAME="InvokeURLs" VALUE="-1"> 
   <PARAM NAME="Language" VALUE="-1"> 
   <PARAM NAME="PlayCount" VALUE="1"> 
   <PARAM NAME="PreviewMode" VALUE="0"> 
   <PARAM NAME="Rate" VALUE="1"> 
   <PARAM NAME="SAMILang" VALUE=""> 
   <PARAM NAME="SAMIStyle" VALUE=""> 
   <PARAM NAME="SAMIFileName" VALUE=""> 
   <PARAM NAME="SendOpenStateChangeEvents" VALUE="-1"> 
   <PARAM NAME="SendWarningEvents" VALUE="-1"> 
   <PARAM NAME="SendErrorEvents" VALUE="-1"> 
   <PARAM NAME="SendKeyboardEvents" VALUE="0"> 
   <PARAM NAME="SendMouseClickEvents" VALUE="0"> 
   <PARAM NAME="SendMouseMoveEvents" VALUE="0"> 
   <PARAM NAME="SendPlayStateChangeEvents" VALUE="-1"> 
   <PARAM NAME="ShowCaptioning" VALUE="0"> 
   <PARAM NAME="ShowGotoBar" VALUE=0"> 
   <PARAM NAME="ShowStatusBar" VALUE="0"> 
   <PARAM NAME="ShowTracker" VALUE="-1"> 
   <PARAM NAME="TransparentAtStart" VALUE="-1"> 
   <PARAM NAME="VideoBorderWidth" VALUE="0"> 
   <PARAM NAME="VideoBorderColor" VALUE="0"> 
   <PARAM NAME="VideoBorder3D" VALUE="0"> 
   <PARAM NAME="WindowlessVideo" VALUE="0"> 
</OBJECT> 
</div>

Benjibum · #3 (**permalink**) 04-19-2006, 11:55 PM

Hi Rocket Boy

Big thanks for that, will give it a go!

Benjibum

Mihai · #4 (**permalink**) 04-21-2006, 07:43 AM

Thanks too.
RocketBoy rulz

Andy Lockwood · #5 (**permalink**) 04-21-2006, 12:02 PM

Thanks to Rocket Boy, I'm sure alot of folk will find that useful.

Mark W · #6 (**permalink**) 01-20-2007, 11:54 PM

Oh cool - an html guru as a member... Questions will follow.

That playback thing with wmp - on my old site I had them embedded but on my new site I have them opening in wmp seperately. I changed it cos I was finding I preferred sites that gave me more control over watching the vid - hence I unembedded my vids.