Z-индекс объекта проигрывателя Windows Media - PullRequest
2 голосов
/ 30 июля 2011

Что делает Windows Media Player слоем поверх элементов страницы моего выпадающего меню? Кажется, это не поможет, если я изменю z-index для объекта медиаплеера. У меня есть z-индекс 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>

Ответы [ 3 ]

8 голосов
/ 31 июля 2011

Для меня сработало <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>
1 голос
/ 03 апреля 2014

Ничего из этого не работает для Google Chrome.ASP меню всегда уходят на задний план, когда задействован Windows Media Player.

0 голосов
/ 30 июля 2011

Попробуйте заглянуть в параметр wmode, http://slightlymore.co.uk/flash-and-the-z-index-problem-solved/

...