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"/>');

下拉内容与视频播放器不重叠

1 个答案: