Css 一个球员在玩弄一切
我有一个Css 一个球员在玩弄一切,css,video,z-index,flowplayer,jquery-dialog,Css,Video,Z Index,Flowplayer,Jquery Dialog,我有一个flowplayer,下面有一些图片。单击这些图片时,将创建一个带有这些图片放大版的对话框。问题是flowplayer将始终位于对话框的顶部 我已尝试将对话框的z-index设置为高,将flowplayer设置为低,但不起作用 flowplayer中是否有一种方法可以降低其z索引或允许我的对话框放置在其上 编辑这是flowplayer: //Uses flowplayer to create player $f('#rightVideoContent', "http://releases
flowplayer
,下面有一些图片。单击这些图片时,将创建一个带有这些图片放大版的对话框。问题是flowplayer
将始终位于对话框的顶部
我已尝试将对话框的z-index
设置为高,将flowplayer
设置为低,但不起作用
flowplayer
中是否有一种方法可以降低其z索引
或允许我的对话框
放置在其上
编辑这是flowplayer:
//Uses flowplayer to create player
$f('#rightVideoContent', "http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf", {
//Creates a single clip for the flow player
clip: {
url: videoLocation,
autoPlay: true,
autoBuffering: true
},
plugins: {
controls: null
},
onLoad: function () {
//Do nothing here
}
});
这是div
<div id = "rightVideoContent" class = "VideoDiv"></div>
我也使用了flowplayer-3.2.6.js
,您可能需要在flash中嵌入wmode=“transparent”
在@locrizak的回答中,您还可以使用wmode=“不透明”
,这会更好,因为它的处理器密集度较低
这些措施应有助于:
在flash对象上需要一个wmode:“透明/不透明”参数 我想你错过的是:
wmode: "transparent/opaque"
<param name="wmode" value="transparent" />
我遇到了这个问题,无论我怎么尝试,Flowplayer都不会添加wmode参数
我使用了这个jQuery片段,它解决了这个问题
$('#videocontainerid object').prepend('<param name="wmode" value="opaque">');
$(“#videocontainerid对象”).prepend(“”);
或针对每个对象:
$('object').prepend('<param name="wmode" value="opaque">');
$('object')。前置('');
参见
示例代码:
flowplayer("player", {
src:"http://releases.flowplayer.org/swf/flowplayer-3.2.16.swf",
wmode: "opaque" // This allows the HTML to hide the flash content
}, {
clip: {
url: 'http://pseudo01.hddn.com/vod/demo.flowplayervod/flowplayer-700.flv'
}
});
我会把它放在头上还是放在制作flowplayer的div
中?你有这样一个例子吗?@ssrid360:你把一些应用wmode
的代码,其值为transparent
(或obaque
)放在嵌入视频播放器的JavaScript中。请参阅我答案中的链接。@ssrid360我猜您是在使用javascript嵌入它。。。如果你告诉我你使用的是哪一个库,我可以更具体:)在编辑中,我将显示我使用的flowplayer以及我是如何制作的(通过js)我尝试了这个$f(“#rightVideoContent”,{src:”http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf“,wmode:'transparent'}
但我不断收到错误:丢失)参数列表之后
很好。谢谢你发布链接。
$('object').prepend('<param name="wmode" value="opaque">');
flowplayer("player", {
src:"http://releases.flowplayer.org/swf/flowplayer-3.2.16.swf",
wmode: "opaque" // This allows the HTML to hide the flash content
}, {
clip: {
url: 'http://pseudo01.hddn.com/vod/demo.flowplayervod/flowplayer-700.flv'
}
});