ckplayer视频遮挡其他层的解决办法

来源:转载     时间:2019-01-04      浏览:

Ckplayer视频添加如果是flash调用添加的时候,会出现遮挡其他层的问题。

先来看一下传统flash视频的解决方法,最后放上ckplayer的解决方法。

wmode属性:

"Window " 在 Web 页上用影片自己的矩形窗口来播放应用程序,并且始终位于最顶层。
"Opaque " 显示页面上位于它后面的内容。
"Transparent "使 HTML 页的背景可以透过应用程序的所有透明部分显示出来,并且可能会降低动画性能。

"Opaque "和"Transparent"都可与 HTML 层交互,从而允许 SWF 文件上方的层遮蔽应用程序。这两种选项之间的差异在于"Transparent"允许透明,因此,如果 SWF 文件的某一部分是透明的,则 SWF 文件下方的 HTML 层可以透过该部分显示出来,而"opaque"则不会显示。

如果忽略此属性,默认值为 Window。仅适用于object。

Window速度快、有效率,但无法使用z-index,也没有办法混用于DHTML图层当中,这就是为什么常有人在抱怨自己的下拉菜单跑到Flash后面。

Opaque除了可以让你正确控制z-index的样式,也可以透过Javascript來控制它的大小或是移动swf的位置!不过要注意,Opaque的背景可是没有办法透明的,也就是说,任何內容都会被放在swf下面。

至于Transparent,想当然,就是把flash的背景变成透明。让swf档案可以融入网页当中而不会出现讨厌的白底,不过,transparent在IE里面是真的透明,也就是说,下面的网页內容是可以被选取起來的,但是在FF里面,就很讨厌了,因为虽然看起來透明,但是滑鼠卻无法点选。另外,要稍微注意的是,使用这个值,会让你的flash影片变得比较慢!

方法如下:

一、设置flash置底,加个代码:<paramname="wmode" value="opaque" />但是只加这个代码,IE可行,在FF下,失效。要想在FF下起作用,还要用在object 里加个 wmode="opaque" ,实例代码如下:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″codebase=" width="600″ height="248″>
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="flash/uploader.swf">
<param name="quality" value="high">
<paramname="wmode" value="Opaque">
<embed src="flash/uploader.swf"  wmode="Opaque" quality="high" 

pluginspage="http://www.macromedia.com/go/getflashplayer"  

type="application/x-shockwave-flash"  width="600″ height="248″

</embed>
</object>


Ckplayer解决方法:

Ckplayer.js参数设置地方加入,  wmode:'Opaque',一共有两个地方,如果找不到,可以搜索allowScriptAccess: 'always',在他下面加入即可。然后要修改弹出层的z-index,支持IE8


 
 

更多阅读

 
 

nginx配置location总结

其它 19-02-21
location匹配顺序:"="前缀指令匹配,如果匹配成功,则停止其他匹配;普通字符串指令匹配,顺...
查看全文

ckplayer视频遮挡其他层的解决办法

其它 19-01-04
Ckplayer视频添加如果是flash调用添加的时候,会出现遮挡其他层的问题。 先来看一下传统flash视...
查看全文

解决网站嵌入优酷视频堆叠顺序的问题

其它 18-10-29
很多网站都会插入优酷或其它网站的在线视频到自己的网站中,默认情况下优酷视频的堆叠顺...
查看全文
 
 
  • 联系我们

  • 邮箱:794421925@qq.com
  • 电话:13832367531
  • Q Q:794421925 点击交谈
  • 地址:石家庄市桥西区芳馨家园六号楼底商
  • 淘宝店铺金翼网络淘宝店铺
 

Copyright © 2006-2019 石家庄金翼网络工作室 版权所有 备案号:冀ICP备08102646号-1