不重疊的視頻播放器

Question

下拉內容我有一個對象標籤爲我的網頁上播放視頻：

<object id="Player" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" data="mms://TAL-BBSR-01/01_Debugging.wmv" width="100%" type="video/x-ms-asf" height="400" wmode="opaque" url="mms://TAL-BBSR-01/01_Debugging.wmv"> 
<param name="url" value="mms://TAL-BBSR-01/01_Debugging.wmv"> 
<param name="filename" value="Video"> 
<param name="autostart" value="1"> 
<param name="uiMode" value="full"> 
<param name="autosize" value="1"> 
<param name="playcount" value="1"> 
<param name="wmode" value="opaque"> <embed height="100%" type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" width="100%" src="mms://TAL-BBSR-01/01_Debugging.wmv" showcontrols="true" autostart="true"> 
</object> 

我把這個在AngularJS模板和視頻渲染工作正常。

我在頁面頂部有一個導航欄。當用戶將鼠標懸停在欄上，並且在播放視頻時出現下拉菜單時，下拉菜單出現在視頻播放器後面（我嘗試給視頻播放器和下拉菜單提供z-index，但仍然不起作用）。所以整個下拉內容不可見。我該如何解決這個問題？

被更新（基於給出的評論）：

的jsfiddle鏈接：

http://jsfiddle.net/akonchady/8LDtN/5/

Answer 1

這是已經在這裏問： How to add wmode="transparent" for every flash object & ebmed tag?

我用這個類似這樣的問題，給它是一個嘗試

這裏是代碼

$("object[type='application/x-shockwave-flash']").append('<param name="wMode" value="transparent"/>');