Problem with Chrome - embed windows media player

nicolas picture nicolas · Aug 4, 2009 · Viewed 22.7k times · Source

I am having a problem. I embed WMP in my page, and I need to hide buttons from player. I make it to hide them in IE and FF, but I can't make it happen in Google Chrome. Here is the code

        <object id="MediaPlayer1" width="690" height="500" classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
            codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
            standby="Loading Microsoft® Windows® Media Player components..." type="application/x-oleobject"
            >
            <param name="FileName" value='<%= GetSource() %>' />
            <param name="AutoStart" value="True" />
            <param name="DefaultFrame" value="mainFrame" />
            <param name="ShowStatusBar" value="0" />
            <param name="ShowPositionControls" value="0" />
            <param name="showcontrols" value="0" />
            <param name="ShowAudioControls" value="0" />
            <param name="ShowTracker" value="0" />
            <param name="EnablePositionControls" value="0" />


            <!-- BEGIN PLUG-IN HTML FOR FIREFOX-->
            <embed  type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"
                src='<%= GetSource() %>' align="middle" width="600" height="500" defaultframe="rightFrame"
                 id="MediaPlayer2" />



        </object>

and in the JS in a method i do

                        var player = document.getElementById("MediaPlayer2");
            player.uiMode="none";

to hide buttons in FF, but seems that not work for Chrome.

Answer

Leo picture Leo · Mar 28, 2010

Totally crossbrowser:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <meta http-equiv="Content-Script-Type" content="text/javascript">   
    <title></title>

</head>

<body>

    <table border="0" width="600" height="500" cellpadding="0" cellspacing="0">
        <tr>
            <td width="500" height="500">
                <!--[if !IE]> <-->
                    <object id="mediaplayer" type="application/x-ms-wmp" data="video.wmv" width="500" height="500">
                        <param name="src" value="video.wmv" valuetype="ref" type="video.wmv">
                        <param name="animationatStart" value="1">
                        <param name="transparentatStart" value="1">
                        <param name="autoStart" value="1">
                        <param name="ShowControls" value="0">
                        <param name="ShowDisplay" value="0">
                        <param name="ShowStatusBar" value="0">
                        <param name="playcount" value="10">
                        <param name="autoRewind" value="1">
                        <param name="displaysize" value="0">
                        <param name="stretchtofit" value="1">
                        <param name="enableContextMenu" value="0">
                        <param name="uiMode" value="none">
                        <strong>Error:</strong>You need <a href="http://port25.technet.com/pages/windows-media-player-firefox-plugin-download.aspx">Windows Media Player Plugin</a>.
                    </object>
                <!--> <![endif]-->
                <!--[if IE]>
                    <object id="mediaplayer" type="video/x-ms-wmv" classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6" width="500" height="500">
                        <param name="url" value="video.wmv" valuetype="ref" type="video/x-ms-wmv">
                        <param name="animationatStart" value="1">
                        <param name="transparentatStart" value="1">
                        <param name="autoStart" value="1">
                        <param name="ShowControls" value="0">
                        <param name="ShowDisplay" value="0">
                        <param name="ShowStatusBar" value="0">
                        <param name="playcount" value="99999">
                        <param name="clickToPlay" value="1">
                         <param name="autoRewind" value="1">
                        <param name="displaysize" value="0">
                        <param name="stretchtofit" value="1">
                        <param name="enableContextMenu" value="0">
                        <param name="uiMode" value="none">
                        <strong>Error:</strong>You need <a href="http://www.microsoft.com/windows/windowsmedia/download/plugin.aspx">Windows Media Player Plugin</a>.
                    </object>
                <![endif]-->
            </td>
            <td>
                <input type="button" value="uiMode Full" onclick="document.getElementById('mediaplayer').uiMode='full'">
                <input type="button" value="uiMode None" onclick="document.getElementById('mediaplayer').uiMode='none'">
            </td>
        </tr>
    </table>

</body>
</html>