adding a media player to a webpage {very off topic question}

Support Other Software
1

kind of a off topic question, but i know a lot of people here do web design also. and i was wondering if anyone knows how to add streaming video to a webpage, for example i would like to add a media player on a web page exactly like the one

here

i have tried to copy the html from this website, but i dont even come close to understanding it.
and with the html book i have i’m only able to get the video onto the webpage but with no controls? i would like to add a media player with controls like the one on the above site, any help would be great

big thanks in advance!

2

this si really off-topic and would be better in “Other software”… however, here some hints:

embedding a media player involves a plugin which the user needs to have installed. for playing media, there are plugins for windows avi’s (windoze media player), quicktime, or realplayer. most formats can be played on any of the players above, but sometimes proprietary formats (like wma) work on the windows media player only. …just make sure as many ppl as possible can view the content - use a generinc, wide-spread mpeg codec.

embedding is easy (and well documented if you did a little search on that). here the code from the website you like:


<OBJECT id="videoWin" WIDTH="400" HEIGHT="300"
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..."
TYPE="application/x-oleobject">
    <PARAM NAME="FileName" value="http://movies2.funnyjunk.com/02104b26dc0/www.funnyjunk.com_crazy_dork.wmv">
    <PARAM NAME="ShowControls" value="1">
    <PARAM NAME="ShowDisplay" value="0">
    <PARAM NAME="ShowStatusBar" value="0">
    <PARAM NAME="AutoSize" value="0">
    <param name="autostart" value="1">
<EMBED TYPE="application/x-mplayer2"
    pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/"
    SRC="http://movies2.funnyjunk.com/02104b26dc0/www.funnyjunk.com_crazy_dork.wmv"
    SHOWCONTROLS="1"
    SHOWDISPLAY="0"
    SHOWSTATUSBAR="0"
    AUTOSTART="1"
    WIDTH="400"
    HEIGHT="300"></EMBED>
    </OBJECT >

the interesting places are: " PARAM NAME FileName value=…" and “SRC=” here you insert - guess what - the name of the file you want displayed. relative paths will do, either.

hope that helps, maybe have a look at webmonkey.com, used to be a useful site for learning such things

3

thanks, like you said i did some searching on the net and found a better way to do this, and with about 90% less html then the above link.
thanks…problem solved!!