当前位置: 首页 >> 其它
 
 

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

来源:     时间:2018-10-29     浏览:  

很多网站都会插入优酷或其它网站的在线视频到自己的网站中,默认情况下优酷视频的堆叠顺序并不受CSS样式z-index属性的影响,在视频页面有滚动、弹窗和浮动的元素就会被视频所遮挡,造成差的浏览体验,那我们就得解决。


使用HTML代码嵌入的优酷视频

通过使用HTML代码embed嵌入的优酷视频我们可以添加在embed标签中添加wmode="opaque"属性,比如默认的视频优酷为:

  1. <embed�0�2src="http://player.youku.com/player.php/sid/XMTM1NjAxNDg3Mg==/v.swf"�0�2allowFullScreen="true"�0�2quality="high"�0�2width="480"�0�2height="400"�0�2align="middle"�0�2allowScriptAccess="always"�0�2type="application/x-shockwave-flash"></embed>

添加wmode="opaque"属性的代码为:

  1. <embed�0�2wmode="opaque"�0�2src="http://player.youku.com/player.php/sid/XMTM1NjAxNDg3Mg==/v.swf"�0�2allowFullScreen="true"�0�2quality="high"�0�2width="480"�0�2height="400"�0�2align="middle"�0�2allowScriptAccess="always"�0�2type="application/x-shockwave-flash"></embed>


 
  • 联系我们

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

Copyright © 2008-2020 石家庄捷搜网络科技有限公司 版权所有 备案号:冀ICP备16025780号-1