uniapp中video去掉遮蔽层

在 UniApp 开发中，如果你想要移除 Video 组件自带的默认遮罩层，可以在组件的样式中自定义一个覆盖其上并设置透明度为 0 的层，或者直接改变 Video 组件的 `cover` 属性。

首先，在 Vue 文件中导入样式模块：

<template>
  <view class="your-video-container">
    <video :src="yourVideoSrc" :cover="{ alpha: 0 }"></video>
  </view>
</template>

<style scoped>
.your-video-container {
  position: relative; /* 确保视频容器是定位的 */
}
.your-video-container video {
  position: absolute; /* 将视频设置为绝对定位，以便于覆盖 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; /* 或者根据实际需要设置尺寸 */
  z-index: -1; /* 设置视频的层级较低，保证遮罩层在上面 */
}
/* 如果你想添加一个全透明的遮罩层 */
.your-video-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0); /* 透明度设为 0 */
  opacity: 0;
  z-index: 1;
}
</style>

然后，你需要确保 `yourVideoSrc` 已经指向你要播放的视频资源。通过这种方式，你就去除了 UniApp 视频组件的默认遮罩效果。