How to Stream Video

How do you stream a video in html? I have looked at other sites for this and their codes never worked.

You need a video stream server, and all you need to do is point to the file with an <a href>. Or follow the server's help to do so (F1).

This is the old way of doing things...
But it is still the best for streaming Windows Media...
Keep in mind to stream media you need your normal web hosting site and you need a streaming media server...
If you don't have a windows media server PM me for hosting... I'll set you up...

You need 2 files...
An .asx file and your .html file....

1. ASX file: This points to where your media is located, upload this like you would an image to your normal web server.

Example of an ASX file:

<asx version = "3.0">
<entry>
<title>MY Video Title</title>
<copyright>2004 By My Company</copyright>
<ref href = "mms://mystreamingserver.com/MyVideo.wmv"/>
</entry>
</asx>


2. In your HTML you would insert the following code.
NOTE: Replace MyVideo.asx with the name of you asx file above...
There are two places to do this... One is for older Netscape browsers and the other is for IE browsers...

In the code below Play, Pause, Volume controls are invisible.
I like to control my video through with my own player control graphics...
The code below will autostart the video...

To make the controls visible play with the numbers on:
<param name="DisplayMode" value="0"> ie. <param name="DisplayMode" value="1"> or <param name="DisplayMode" value="2"> and so on...

<object classid=clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95
codebase=http://activeX.microsoft.com/activeX/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701
height=264 id=MediaPlayer type=application/x-oleobject width=320
border="0">
<param name="AudioStream" value="-1">
<param name="AutoSize" value="0">
<param name="AutoStart" value="-1">
<param name="AnimationAtStart" value="0">
<param name="AllowScan" value="-1">
<param name="AllowChangeDisplaySize" value="-1">
<param name="AutoRewind" value="1">
<param name="Balance" value="0">
<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="DisplaySize" value="4">
<param name="Enabled" value="-1">
<param name="EnableContextMenu" value="-1">
<param name="EnablePositionControls" value="0">
<param name="EnableFullScreenControls" value="0">
<param name="EnableTracker" value="-1">
<param name="Filename" value="MyVideo.asx" valuetype="ref">
<param name="InvokeURLs" value="-1">
<param name="Language" value="-1">
<param name="Mute" value="0">
<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="SelectionStart" value="-1">
<param name="SelectionEnd" value="-1">
<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="ShowControls" value="0">
<param name="ShowAudioControls" value="0">
<param name="ShowDisplay" value="0">
<param name="ShowGotoBar" value="0">
<param name="ShowPositionControls" value="0">
<param name="ShowStatusBar" value="1">
<param name="ShowTracker" value="0">
<param name="TransparentAtStart" value="-1">
<param name="VideoBorderWidth" value="0">
<param name="VideoBorderColor" value="0">
<param name="VideoBorder3D" value="0">
<param name="Volume" value="-600">
<param name="WindowlessVideo" value="0">
<embed type="application/asx" filename="MyVideo.asx" transparentatstart="1" allowchangedisplaysize="1" animationatstart="0" showcontrols="0" showaudiocontrols="0" showcaptioning="0" pluginspage="http://www.microsoft.com/windows/wi...oad/default.asp" border="0" width="320" height="264">
</embed> </object>



Some FREE tools to help you encode:

http://www.microsoft.com/windowsmedia
Dowload the Windows Media Encoder

http://www.dbpoweramp.com
Rips CDs and makes audio files...
Download the latest Windows Media Encoder first before installing so you have the latest codecs...


Troubleshooting:
SOME HOSTING COMPANIES STINK AT STREAMING MEDIA:

In a browser type in the asx file...
http://mywebsite.com/myvideo.asx

If that works your good...
If you get a dead link, check your file make sure everything is correct.. if it is...

tell your hosting company to add the following to the httpd.conf:

# windows media addtype
AddType video/x-ms-asf asf asx
AddType audio/x-ms-wma wma
AddType audio/x-ms-wax wax
AddType video/x-ms-wmv wmv
AddType video/x-ms-wvx wvx
AddType video/x-ms-wm wm
AddType video/x-ms-wmx wmx
AddType application/x-ms-wmz wmz
AddType application/x-ms-wmd wmd

I find that most hosting companies never consider streaming media...

Superb information,,

The way i do it is to upload the file to my server and put a link to the file in my page and have it open in a new window.

Maybe thats not what you are after,, but i just thought i would add my garble anyway.

I use freewebs the free web hosting service.

This is the html code i used:

<embed src="Your URL Here" autostart="true" loop="-1" width="200" height="200"></embed>

by the way...
go to www.nitto1320.com and download this game unless your not into racing games

I made a site about the game here:
www.r2snittowebsite.tk

Racerman2,

Yep you can do it really simple like that... <grin>

FYI:
If you want to be cross browser compatiable you'll need the <object> tags as well.
Netscape is the real pain here...

KidGeek