下拉菜单内容不重叠的视频播放器 [英] Dropdown contents not overlapping video player

问题描述

我有一个对象标记为我的网页上播放视频：

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/

推荐答案

这是已经在这里问：
<一href=\"http://stackoverflow.com/questions/2704485/how-to-add-wmode-transparent-for-every-flash-object-ebmed-tag/4281735#4281735\">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"/>');

这篇关于下拉菜单内容不重叠的视频播放器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！