Question

是什么让我的下拉菜单页面元素上的Windows媒体播放器层？如果我更改媒体播放器对象的z-index，它似乎没有帮助。我的下拉菜单页面元素的z-index为99，对象为40。此问题仅在视频运行时发生。当它没有运行时，下拉菜单元素显示在对象的顶部。这是HTML。

<div id="player" style="position: relative; top: 20px; left: 35px; width: 64.5%; border: 2px solid grey; z-index: 40;">
    <object id="MediaPlayer" width="100%" height="377" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" style="left: 0px; top: 0px; background-repeat: no-repeat; background-position: center center; z-index: 40;" type="application/x-oleobject">
    <param name="uiMode" value="full" />
    <param name="AutoStart" value="FALSE" />
    <param name="AllowChangeDisplaySize" value="TRUE" />
    <param name="AutoSize" value="TRUE" />
    <param name="Volume" value="100" />
    <param name="URL" value=mms://bstreamlivewm.fplive.net/bstreamlive-live/bstream2 />
    <embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" name="MediaPlayer" src=mms://bstreamlivewm.fplive.net/bstreamlive-live/bstream2 width="100%" height="377" showcontrols="1" showtracker="1" autostart="0" volume="100" />              
    </object>                   
</div>

Answer 1

对我有用的是<param name="windowlessVideo" value="true" >标记中的<object>和windowlessVideo="true"标记中的<embed>。我没有必要指定wmode参数。这是有用的HTML。

    <object id="MediaPlayer" width="100%" height="377" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" style="left: 0px; top: 0px; 

background-repeat: no-repeat; background-position: center center;" type="application/x-oleobject">
      <param name="uiMode" value="full" />
      <param name="AutoStart" value="FALSE" />
      <param name="AllowChangeDisplaySize" value="TRUE" />
      <param name="AutoSize" value="TRUE" />
      <param name="Volume" value="100" />
      <param name="URL" value=mms://bstreamlivewm.fplive.net/bstreamlive-live/bstream2 />
          <!-- Be careful with opaque.  The adobe documentation isn't clear about what it does for layering -->
          <!-- Documentation about OBJECT and EMBED at http://kb2.adobe.com/cps/127/tn_12701.html -->
          <!-- param name="wmode" value="opaque" / -->
          <param name="windowlessVideo" value="true" />
          <embed windowlessVideo="true" type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" 

name="MediaPlayer" src=mms://bstreamlivewm.fplive.net/bstreamlive-live/bstream2 width="100%" height="377" showcontrols="1" 

showtracker="1" autostart="0" volume="100" />              
     </object>

Answer 2

这些都不适用于Google Chrome。当涉及到Windows媒体播放器时，ASP菜单总是会进入后台。

Answer 3

尝试查看wmode param，http：//slightlymore.co.uk/flash-and-the-z-index-problem-solved/

Windows Media Player对象z-index

3 个答案: