Windows Media Player 对象 z 索引

发布于 2024-11-27 06:42:04 字数 1251 浏览 2 评论 0原文

是什么让 Windows Media Player 覆盖我的下拉菜单页面元素？如果我更改媒体播放器对象的 z-index 似乎没有帮助。我的下拉菜单页面元素的 z 索引为 99，对象的 z 索引为 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>

原文

What makes windows media player layer over my drop menu page elements? It doesn't seem to help if I change the z-index for the media player object. I have a z-index of 99 for my drop down menu page elements and of 40 for the object. This problem only happens when the video is running. When it isn't running the drop down menu elements show on top of the object. Here is the 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>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

你的往事 2024-12-04 06:42:04

对我有用的是

    <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>

What worked for me was <param name="windowlessVideo" value="true" > in the <object> tag and windowlessVideo="true" in the <embed> tag. I did not have to specify the wmode parameter. Here is the HTML that worked.

    <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>

回复收藏 0 原文