背景:部分课程禁止客户拖动视频进度条直至播放结束
红色是遮罩区域遮罩区域
实际遮罩效果(有一个很浅的阴影区域)
实现代码
.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之间