How to embed Windows Media Player in HTML document

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. If you want to distribute your HTML document with your music or video as a stand-alone application, please try MioFactory. Also, take the time to check our Desktop Alert solution. Thank you!

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: <OBJECT id="VIDEO" width="320" height="240" style="position:absolute; left:0;top:0;" CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" type="application/x-oleobject"> <PARAM NAME="URL" VALUE="your file or url"> <PARAM NAME="SendPlayStateChangeEvents" VALUE="True"> <PARAM NAME="AutoStart" VALUE="True"> <PARAM name="uiMode" value="none"> <PARAM name="PlayCount" value="9999"> </OBJECT> 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 ?00 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) Distribute your media as a stand-alone application with MioFactory. Try our software, most are freeware.