【亲测有效】支持横竖屏 微信小程序video禁止进度条拖动，微信小程序遮罩进度条，

背景：部分课程禁止客户拖动视频进度条直至播放结束

红色是遮罩区域遮罩区域

实际遮罩效果（有一个很浅的阴影区域）

实现代码

.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之间