关于腾讯视频遮住div解决办法
2017-04-18 14:12
218 查看
在做网页或者专题的过程中,有时候会用到腾讯视频或者优酷视频等第三方视频,我们直接复制第三方分享的视频地址就可以了,但是如果你的页面中有用到 position:fixed 的div,希望div显示在最上层并固定在顶部,那么问题就来了,这个视频就会遮住这个 position:fixed div,曾试过设置“z-index:99999”属性,但起不到任何作用。
后来研究发现,如果视频播放代码里面设置了属性wmode="Opaque"就能很好的解决这个问题,优酷、搜狐、56等视频都是可以的,以下是引用优酷视频的代码:
真确引用视频的代码如下:
<embed src="http://player.youku.com/player.php/sid/XMjM5ODU2Mzcy/v.swf" wmode="Opaque" allowFullScreen="true" quality="high" width="630" height="480" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>
后来研究发现,如果视频播放代码里面设置了属性wmode="Opaque"就能很好的解决这个问题,优酷、搜狐、56等视频都是可以的,以下是引用优酷视频的代码:
真确引用视频的代码如下:
<embed src="http://player.youku.com/player.php/sid/XMjM5ODU2Mzcy/v.swf" wmode="Opaque" allowFullScreen="true" quality="high" width="630" height="480" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>
相关文章推荐
- 关于网页视频遮住顶层DIV的解决办法
- 关于goole解决视频播放界面花掉解决办法
- IE中div被视频遮住(用embed来内嵌视频)的解决方法
- IE8下网页中的视频会遮挡住顶层DIV的解决办法
- 关于七牛私有音视频资源播放显示401,但是token生成正确的解决办法。
- 关于云平台中OFFICE预览与视频预览的解决办法
- div被flash遮住的解决办法
- 关于只能上QQ而其他电脑软件(IE/优酷/腾讯视频...)不能联网的解决
- IE中div被视频遮住(用embed来内嵌视频)的解决方法
- IE中div被视频遮住的解决方法
- Flash遮住Div的解决办法
- 关于获取DIV内部内容报错的原因分析及解决办法
- 关于校园网不能看视频、登陆飞信的解决办法
- IE中div被视频遮住的解决方法
- 关于PPT转视频后没有声音的解决办法
- IE中div被视频遮住的解决方法
- 关于div的mouseout事件触发不准的解决办法
- 关于iphone自动播放音频和视频问题的解决办法
- flash 遮住 div 解决办法
- 关于VideoView无法监听视频播放时缓冲或者卡顿状态的解决办法