背景:部分课程禁止客户拖动视频进度条直至播放结束
红色是遮罩区域遮罩区域
实际遮罩效果(有一个很浅的阴影区域)
实现代码
.wxml文件
<video enable-progress-gesture="false" >
<cover-view class="cover"></cover-view>
</video>
.wxss文件
.cover{
position: absolute;
bottom: 0;
z-index: 998;
height: 20%;
background-color: red;
left: 10%;
background-color: rgba(255, 255, 255, 0.007);
width: 80%;
}
background-color: red;是为了方便调试的时候使用可删除
.cover中的width可调整大概位置在70-80之间