移动端视频顶层加遮罩层

麦兜麦兜麦兜兜 2015-11-20 11:32:33

写了一个放在移动端的H5页面，现在需要做一个页面：页面顶部是视频，视频顶层有一个透明遮罩层。并且在视频播放的时候，遮罩层一直在视频的顶部，现在我的遮罩层只要视频播放遮罩层就没了。

...全文

375 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

麦兜麦兜麦兜兜 2015-11-27

打赏
举报

回复

H5的。后来他们说，H5做不了。除非用原生才可以写出来那种效果。所以最后放弃了把遮罩层置于视频上方的方案。

哎，真难 2015-11-20

打赏
举报

回复

遮罩层是源生的还是H5的

注意如果不设置html，在手机端不起作用，同样手机端需要添加阻止默认事件 //阻止默认事件 $('body').on('touchmove',function(event){//手机端添加此段 event.preventDefault(); },false) //点击打开遮罩层 $('#participate').click(function(){ ...

最近做个移动端视频需求，要求隐藏播放控件，并且可以自动播放而且隐藏播放控件（不太人性化），最后要有个定制的结束遮罩层用来人机交互。尝试直接用video标签做，但是各种坑啊，video永远是在页面的最顶层，所以播放控件的自定义化就凉凉了，怎么办呢？受以前做的一个利用canvas做视频直播的项目启发，尝试下canvas做视频播放，于是我抱着试一试的心态去查阅了相关资料，尼玛，还真的可以，而且原理很简单...

这篇文章主要介绍了css如何防止页面滑动穿透,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧问题描述：移动端当有 fixed 遮罩背景和弹出层时，在屏幕上滑动能够滑动背景下面的内容，这就是著名的滚动穿透问题。示例demo：样式：.box{width: 100%;height: 100%;position: relative;}.dialog{width: 100%;he...

使用vue-webpack开发，地图使用百度地图JsAPI，最近开发移动端的网页，发现webpack打包后的移动端界面地图显覆盖物示有问题。 1. vue-webpack环境覆盖物不显示 vue-webpack环境，在PC端的界面能正常显示百度地图，移动端地图能显示，但画上去的覆盖物（圆，正方形之类的覆盖物）不能显示；如果使用单页面，不是webpack打包可以移动端正常显示覆盖物。 vue-web...

需求场景： 1．页面内有多级iframe嵌套。 2． iframe内部某些按钮点击后需要弹出浮层。 3．浮层需要将整个浏览器窗口遮罩，且浮层位于浏览窗口中部。效果如下：解决思路：顶层页面内预留用于显示浮层的div(命名为popdiv),且该div内有一预留的iframe，该iframe用于加载浮层内容，命名为popiframe 提供可以直接访问浮...

移动开发其他问题

790

社区成员

13,285

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章