自定义遮罩穿透问题安卓遮罩可以防止点击 ios没有效果

<view class="video-play">

<video id="myVideo" src="{{curPlayUrl}}" poster="{{cw.primaryimg}}" controls="{{hiddenBottom}}"></video>

<view hidden="{{hiddenBottom}}" class="video-mask" bindtap="showBuyVip"></view>

</view>

.video-play{

position:relative;

width:100%;

height:400rpx;

}

.video-mask{

width: 100%;

height:100%;

position: absolute;

left:0;

top:0;

background: rgba(0, 0, 0, 0.2);

color: #fff;

z-index: 10000;

}

问题：给video加了遮罩再给遮罩绑定事件showBuyVip ，在安卓点击遮罩会触发遮罩绑定的事件，而且点击播放按钮无效；但是ios点击遮罩不会触发事件，点击播放按钮会继续播放。相当于这个遮罩在ios端无效

需求：在播放页面需要判断是否能播放，如果这个遮罩不行能否给出一个解决方案，谢谢

9 回复

pingpeng1 楼6 年前

楼主问题解决没?怎么解决的?

sqiao2 楼6 年前

只是开始时有,以后就没有了,不行吗?

nlei3 楼6 年前

controls=“{{false}}” 还是会显示播放按钮只是不显示进度条了

qiangzheng4 楼6 年前

我要的是不能播放啊有个按钮用户就会去点击播放

yan755 楼6 年前

video加个属性 controls=“{{false}}”

yandai6 楼6 年前

可以this.videoContext.play()

this.videoContext.pause(),不就行了,相当于刷新一下,videoContext记得绑定id

yanjing7 楼6 年前

效果就是用户不能点击视频播放

min288 楼6 年前

你这个方法我早就试过啦用户体验很差，播放器暂停后一片黑，还有个暂停按钮，播放的导读图都显示不了

hetao9 楼5 年前

你想要什么效果,用户自己不能点击吗?

自定义遮罩穿透问题 安卓遮罩可以防止点击 ios没有效果