优酷播放器与layer弹出层（别的弹出层未测试）遮挡问题

最新推荐文章于 2024-05-11 11:28:51 发布
最新推荐文章于 2024-05-11 11:28:51 发布
阅读量1.5k 收藏
点赞数 1
分类专栏： layer 弹出，优酷 文章标签： layer 优酷
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xu_ch_lin/article/details/68940909
版权

最近做了优酷视频插件 ，然后做了个删除功能，使用的layer弹出层插件，发现弹出的时候被优酷播放器遮挡，修改zIndex属性不能用，经查阅资料改成

 <embed src="http://player.youku.com/player.php/sid/<{$var.path}>/v.swf" allowFullScreen="true" quality="high" width="280" height="200" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" style="margin-left: 10px;margin-bottom: 10px;" wmode="transparent"></embed>

添加上wmode="transparent"这个属性就可以了这个属性的意思是FLASH为背景透明。

Linton-xu
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Openlayers实战：overlay上播放视频
大剑师兰特的GIS世界
07-10 389
在企业或者城市等的宣传上，视频能很好的传达出一些信息。那么在openlayer中如何展示视频呢， 可以通过overlay的方式，点击某一个点，弹出overlay层，展示出视频，并自动播放。下面的实战就能够达到这种效果。
select2组件在layer,bootstrap弹出层中使用需要注意z-index问题
总结，交流，记录，成长
11-28 3638
dropdownParent: $("#selectCompany-box"), //指定其父元素可避免z-index小于layer 例： $('#selectCompany').select2({ placeholder: { id: -1, text: '输入公司名称', }, allowClear: true, minimumInputLength: 2, ...
flask+layui显示监控视频
最新发布
个人学习记录
05-11 1107
flask是python中的一个轻量级web框架。Layui是一套开源免费的 Web UI 组件库，采用自身轻量级模块化规范，遵循原生态的 HTML/CSS/JavaScript 开发模式，非常适合网页界面的快速构建。Layui 区别于一众主流的前端框架，它更多是面向于后端开发者，即无需涉足各类构建工具，只需面向浏览器本身，便可将页面所需呈现的元素与交互信手拈来。
layer.js弹窗打开视频
codipy的博客
07-26 2488
/** * layer打开视频 * vcr为视频地址 */ function openVcr(vcr) { layer.open({ type: 1, title: false, closeBtn: 1, //不显示关闭按钮 shade: 0.7, scrollbar: false, skin: 'layer-alert-video', area: ["800px", "450px.
Laye自定义视频播放案例
04-03
这个源码是Laye自定义视频播放案例，源码VideoPlayer，用Layer自定义的视频播放功能，支持网络播放，快进等等。
jwlayer在线视频播放器
09-27
jwlayer在线视频播放器 支持MP4。flv。flash的播放
解决layui弹出层layer的area过大被遮挡的问题
10-16
总之，layui的layer模块提供了丰富的功能，包括动态调整弹出层尺寸，这可以帮助开发者解决area过大导致的遮挡问题。通过合理的代码设计和利用layui提供的API，我们可以创建出更加友好且适应不同屏幕尺寸的弹出层体验...
解决layer弹出层中表单不起作用的问题
10-16
在本文中，我们将深入探讨如何解决layer弹出层中表单功能无法正常工作的问题。 首先，我们需要理解layer弹出层的工作原理。layer提供了多种类型（type）的弹出层，每种类型对应不同的展示效果。在这个问题中，...
解决layer弹出层自适应页面大小的问题
10-16
首先，问题的核心在于，当layer弹出层的面积设定为固定的像素值（如800px）时，如果用户使用的设备屏幕较小，弹出层可能会超出屏幕范围，导致用户无法正常操作。为了解决这个问题，开发者通常会尝试以下几种方法： ...
layer弹出层框架alert与msg详解
08-31
Layer 弹出层框架 Alert 与 Msg 详解 Layer 弹出层框架是 layui 的代表作之一，具有很好的参考价值。Layer 弹出层框架 Alert 与 Msg 是 Layer 中的两个重要组件，本文主要介绍了它们的相关知识。 Layer 弹出层框架...
jQuery使用Layer弹出层插件闪退问题
10-20
主要介绍了jQuery使用Layer弹出层插件遇到的闪退问题,需要的朋友可以参考下
open layer的视频教程
03-08
open layer的视频教程，其中还包括数据库，以及各种项目实例。
layer弹出层中H5播放器全屏出错解决 & 属性poster底图占满video的方法
weixin_33813128的博客
02-20 373
1. 在layer弹窗组件中 如果使用了flash播放器，全屏是正常的 但若使用了HTML5的播放器，全屏失效   举个栗子 1 &lt;!DOCTYPE html&gt; 2 &lt;html&gt; 3 &lt;head&gt; 4 &lt;meta charset="utf-8"&gt; 5 &lt;title&gt;&lt;/title&g
mqlayer播放器1.0
java播放器
05-05 122
前端时间开发的播放器，因为是使用java开发，所以放到 javaeye上来，能更方便的做技术上的交流。 介绍： mqlayer播放器支持所有音视频格式，资源占用率低，界面简洁美观，除具备一般播放器的功能外，还有很多创新功能，比如媒体管理器，画中画搜索，急速拖动，精确定位，鼠标手势，最简界面，智能缩放等，为用户提供最佳体验。 mqlayer 1.0相对预览版做了大量修改和完善。 ...
layui 弹框播放视频
热门推荐
zhangjuan1108的博客
05-18 1万+
var loadstr = '<video width="100%" height="100%" controls="controls" autobuffer="autobuffer" autoplay="autoplay" loop="loop"><source src="../Image/QQ%e8%a7%86%e9%a2%91201905151...
使用layer.open做视频弹出层时遇到的一些问题汇总
m0_46530861的博客
04-12 3152
layer.open中出现的一些问题汇总，包括 1. 为什么点击元素弹不出来 2. 为什么出现Error 404 3. 织梦本地视频和视频封面图片的调用 4. 视频弹出现滚动条 4.1. 引入url的视频出现滚动条 4.2. 引入本地视频出现滚动条 4.3. 视频点击弹出播放后父页面自动滚回顶部 4.4. 播放视频/打开图片底部出现白边） 等
layer.open 弹出框 配合西瓜视频播放视频的时候 滚动条出现问题,底部出现白边
业余前端的职业经历
12-28 1152
实际的问题 图 搞得我还是比较难受的 配合 西瓜视频 加上 layer弹窗 底部视频一直会出现这个白色底边 很难受 产品肯定也是不允许的 我直接写出来解决方案吧 fluid: true, 首先西瓜的实例化配置中 要加入 自适应 要不 宽高就是默认的 <!-- 视频播放容器 --> <div id="z-play"></div> // 西瓜的cdn <script src="//cdn.jsdelivr.net/npm/xgpl...
layui.open使用例子播放m3u8视频
zxh7770的博客
05-20 2435
阐述： 最近项目需求，使用弹窗播放m3u8视频，本例子中使用了layui.open弹窗方式。 代码例子如下： 语法 layer.open(options) layer.open 根据type不同，类型也就不一样,有五种类型：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层） 其实工作开发中用的最多的就是1、2这两种类型了，这里就只介绍这两种，其他的可以参考官网例子。 页面层(type:1) ：弹出层展示的是某个定义好的页面元素 layer.open({ ty
layer弹出层传递参数
09-21
在Layer弹出层中传递参数可以通过多种方式实现。以下是几种常见的方法： 1. 使用URL参数：在打开弹出层时，可以将参数作为URL的一部分传递给弹出层页面。弹出层页面可以通过解析URL来获取参数值，然后根据参数值进行相应的操作。 2. 使用JavaScript全局变量：可以在打开弹出层之前，将参数值设置为JavaScript全局变量的值。弹出层页面可以通过访问该全局变量来获取参数值并进行相关操作。 3. 使用cookie：可以在打开弹出层之前，将参数值保存到cookie中。弹出层页面可以通过读取cookie来获取参数值并进行相关操作。 4. 使用localStorage或sessionStorage：可以在打开弹出层之前，将参数值保存到localStorage或sessionStorage中。弹出层页面可以通过访问localStorage或sessionStorage来获取参数值并进行相关操作。 这些方法都可以根据具体需求选择适合的方式来传递参数。请根据你的具体情况选择最合适的方法。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值