JustHost
GetResponse (Autoresponder)
ElegantThemes
Bigcommerce
This site uses cookies. By continuing to browse the site, you are agreeing to our use of cookies. Find out more.

Embedding Windows Media Files Using HTML

 Posted by  Add comments
 

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.

<OBJECT ID="MediaPlayer"
CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
STANDBY="Loading Windows Media Player components…"
TYPE="application/x-oleobject"
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">
<EMBED TYPE="application/x-mplayer2"
NAME="MediaPlayer"
SRC="videofilename.wmv"
WIDTH="320" HEIGHT="180"
ShowControls="1" ShowStatusBar="1" ShowDisplay="0" autostart="0">
</EMBED>
</OBJECT>

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.

Code Usage

To use the code simply place it where you want your multimedia presentation to be shown in your web page.

Notes:

  • 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)
http://www.adobe.com/products/aftereffects/pdfs/AdobeStr.pdf
Adobe products.

 


KingSolutions.org.uk is hosted on JustHost

 Leave a Reply

(required)

(required)

185 queries in 1.076 seconds (Child).