Embedding Windows Media Files Using HTML
Using HTTP progressive streaming for Windows Media is a cheaper alternative to "true" streaming media, though not "true" streaming, just a good simulation of the process.
- For this to work the viewer must have the correct plug-in installed on their computer.
Once you have created a Windows Media "wmv" format file ready for downloading it can be streamed to your viewers by embedding the Windows Media file into your webpage using the appropriate HTML code. Windows Media is a very good quality standard with low file sizes though specific to the Windows platform.
Hyperlinks to Windows Media Files
The simplest way to add Windows Media to a web page is to make a hyperlink on the page directly to the video file:
<a href="video-filename.mov>Click here to stream video</a>
When the viewer clicks this hyperlink the video will be streamed transparently to the viewer instead of downloaded. This method gives the webmaster very little control over how the viewer will see the media file.
Note: For Windows Media files to stream from your website, your host server must recognize the Windows Media mime types.
Embedding Windows Media Files
Embedding a Windows Media video file into your web page requires the use of specific HTML code.
The following code will embed a Windows Media "wmf" file in the web page.
STANDBY="Loading Windows Media Player components…"
WIDTH="320" HEIGHT="180" >
<PARAM NAME="FileName" VALUE="videofilename.wmv">
<PARAM name="ShowControls" VALUE="true">
<param name="ShowStatusBar" value="true">
<PARAM name="ShowDisplay" VALUE="false">
<PARAM name="autostart" VALUE="false">
ShowControls="1" ShowStatusBar="1" ShowDisplay="0" autostart="0">
To use the file you will need to replace the following parameters:
- Replace the "video-filename" with your filename.
- Replace WIDTH and HEIGHT as required, i.e. 800 and 640 respectively.
- Decide if you want "autostart" to be "true" or "false", "1" or "0".
- Do not modify the <OBJECT> tag parameters, these are required for browsers using ActiveX support such as Internet Explorer.
- Do not modify the <EMBED> tag parameters, these are required for browsers such as Mozilla FireFox.
<OBJECT> Tag Parameters
CLASSID – This tells the browser what file type to expect and which application should handle it.
WIDTH and HEIGHT – Width and height of displayed image in pixels.
PARAM NAME="FileName" VALUE – The URL to your file.
PARAM NAME="ShowControls" VALUE – If set to "true", it will show the video controls (ie. play, stop, etc.).
PARAM NAME="ShowStatusBar" VALUE – If set to "true" the status bar will be shown.
PARAM NAME="ShowDisplay" VALUE – If set to true, info such as the file name will be shown.
PARAM NAME="autostart" VALUE – When "true" the video clip will begin playing as soon as it completes loading.
<EMBED> Tag Parameters
The tag parameters for the <EMBED> section are the same as those of the <OBJECT> section.
To use the code simply place it where you want your multimedia presentation to be shown in your web page.
- HTML elements are not case-sensitive.
- Tag parameter values should always be enclosed in, "double quotation marks".
You may also be interested in the following:
Adobe. "A Streaming Media Primer." (10/5/2007)
- Embedding MPEG-4 Media Files Using HTML
- Embedding QuickTime Media Files Using HTML
- Embedding RealMedia Files Using HTML
- Embedding Windows Media Files Using HTML
- How to Create a Multimedia Streaming Video File
- HTTP Streaming Multimedia Video & Audio
- Streaming Media Primers, Reports, White Papers
- Streaming Video Servers