I have an object tag for playing videos on my page:

<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模板和视频渲染工作正常。

I put this in the AngularJS template and the video rendering is working fine.

我有在页面的顶部导航栏。当用户将鼠标悬停在酒吧和视频播放时出现的下拉菜单，下拉出现在视频播放器的背后（我试过给z-index的视频播放器和下拉类。还不行）。因此整个下拉内容是不可见的。我怎样才能解决这个问题呢？

I have a navigation bar at the top of the page. When the user hovers on the bar and the dropdown appears when the video is playing, the dropdown appears behind the video player(I tried giving z-index to video player and the dropdown classes. Still doesn't work). So the whole dropdown contents are not visible. How can I solve this issue?

更新时（根据给定的评论）

UPDATED(based on the comments given):

的jsfiddle链接：

jsfiddle link:

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

推荐答案

这是已经在这里问：How添加的wmode =＆QUOT;透明＆QUOT;每一个Flash对象和放大器; ebmed标签？

我用这个像这个问题，不妨一试。

I use this for problem like this, give it a try

下面是code

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