Feeds:
Posts
Comments

Posts Tagged ‘windows media player’

Embedding Windows Media Player into web pages:

The goal of this article is to explain in relatively simple terms how to get Windows Media Player embedded into your web site. In order to do this, you will have to have basic HTML knowledge and access to the HTML code of the page in which you would like to embed the player.

Windows Media Player is fairly simple to get onto your web site once you understand the basics. To begin with you will need to have a valid HTML page which you can edit. The minimum you need for a blank HTML page is the following:

<HTML>
    <BODY>
    </BODY>
</HTML>
 

 Below I will go through the HTML code needed to successfully embed windows media player into your web page line by line.

The first thing you need to do is to add the relevant OBJECT tag. This identifies the Windows Media Player ActiveX control to the browser and sets up any initial definitions. You must place the OBJECT tag inside the BODY portion of the HTML code:

<object classid=”clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6″ codebase=”http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112”  ID=”Video” width=”640″ height=”552″>

</object>

The ‘ID’ above refers to the unique name for each player instance on a webpage. For example if you wanted to embed more than one player on a page you would have to give each a unique ‘ID’ (ID’s can be anything, it’s up to you what you name them, but good practice would dictate that you don’t use any special characters or spaces). The ‘width ‘ and ‘height’ obviously refer  to the size of the player you would like to embed. You control other player options by using ‘param’ tags, which look like those shown below:

<param name=”ShowControls” value=”1″>

-Use “1” to show the control button(play, stop, etc…).” “0” will hide the controls.

<param name=”AutoStart” value=”1″>

-Use “1” to start the video playing as soon as someone gets to your web page.

<param name=”Rate” value=”1″>

-Specifies the playback rate. 0.5 equates to half the normal playback speed, 2 equates to twice.<param name=”ShowStatusBar” value=”1″>

<param name=”StretchToFit” value=”1″>

-Specifies whether video displayed by the control automatically sizes to fit the video window, when the video window is larger than the dimensions of the video image.

<param name=”uiMode” value=”mini”>

<param name=”SRC” value=”YOUR URL HERE”>

<param name=”URL” value=” YOUR URL HERE “>

 

Once you are done, your embed code should look something like the sample below. Feel free to copy and paste the below sample and enter your file details in.

<object classid=”clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6″ codebase=”http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112”  ID=”Video” width=”640″ height=”552″>

<param name=”ShowControls” value=”1″>

<param name=”AutoStart” value=”1″>

<param name=”Rate” value=”1″>

<param name=”ShowStatusBar” value=”1″>

<param name=”StretchToFit” value=”1″>

<param name=”uiMode” value=”mini”>

<param name=”SRC” value=”YOUR COMPLETE URL HERE”>

<param name=”URL” value=” YOUR COMPLETE URL HERE “>

</object>

 

Read Full Post »

Follow

Get every new post delivered to your Inbox.