How to embed Windows Media Player in HTML document

This document describes how to embed Windows Media Player in HTML document to play music or video, and includes the required code in HTML and JavaScript.

Windows Media Player Download

Before to start, you should check the version of Windows Media Player installed on your computer. Version 6.4 is supported, but the latest version is recommended.

Download

If you need to install or update Windows Media Player, click on the logo to download the version of Windows Media Player compatible with your operating system.

Embedding Windows Media Player

To embed an object in HTML document, the object class ID is required. The class ID for Windows Media Player 7, 9, 10 and 11 is clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6.

Insert the following code into your HTML document to embed Windows Media Player 7 and later:

In the URL parameter, you can specify a URL (for streaming) or a local file.

If you are using a Mio generator, you should include the video file in your application. Including video reduce bandwidth usage and bring a better user experience.

Most important parameters supported by Windows Media Player 7 and later:

Parameter	Default	Description
autoStart	true	Specifies or retrieves a value indicating whether the current media item begins playing automatically.
balance	0	Specifies the current stereo balance. Values range from –100 to 100.
baseURL		Specifies the base URL used for relative path resolution with URL script commands that are embedded in media items.
captioningID	0	Specifies the name of the element displaying the captioning.
currentMarker	0	Specifies the current marker number.
currentPosition	0	Specifies the current position in the media item in seconds.
defaultFrame	-	Specifies the name of the frame used to display a URL.
enableContextMenu	true	Specifies a value indicating whether to enable the context menu, which appears when the right mouse button is clicked.
enabled	false	Specifies whether the Windows Media Player control is enabled.
fullScreen	false	Specifies whether video content is played back in full-screen mode.
InvokeURLs	true	Specifies a value indicating whether URL events should launch a Web browser.
Mute	false	Specifies if audio is muted.
PlayCount	1	Specifies the number of times a media item will play. Minimum value of one.
Rate	1.0	Specifies the playback rate. 0.5 equates to half the normal playback speed, 2 equates to twice.
stretchToFit	false	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.
uiMode	full	Specifies which controls are shown in the user interface. Possible values: invisible, none, mini, full.
URL	-	Specifies the name of the media item to play. You can specify a local filename or a URL.
Volume	Last setting	Zero specifies no volume and 100 specifies full volume.
windowlessVideo	false	Specifies or retrieves a value indicating whether the Windows Media Player control renders video in windowless mode. When windowlessVideo is set to true, the Player control renders video directly in the client area, so you can apply special effects or layer the video with text. Supported by Windows Media Player for Windows XP or later.

If you want to embed Windows Media Player 6.4 instead of the latest version, the class ID is clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95.

Controlling Windows Media Player from a JavaScript code

You can control Windows Media Player from scripting.

Start playback:

VIDEO.URL="filename";

Stop playback:

VIDEO.controls.stop();

Find more information

Using the Windows Media Player Control in a Web Page (MSDN)

Windows Media Player Object Model Reference (MSDN)