uniapp video 圆角

uniApp Video 元素本身并不直接支持设置视频播放区域的圆角，因为HTML5的`<video>`标签默认样式比较简洁，没有内置圆角功能。但是你可以通过一些CSS技巧来实现类似的效果。你可以尝试给包含`<video>`元素的容器添加自定义样式，例如使用`border-radius`属性来设置圆角，或者将其包裹在一个圆形的`<div>`并应用CSS mask-image来创建一个圆形视窗。

.video-container {
  position: relative;
  width: 100%;
  height: 0; /* 避免滚动 */
  padding-bottom: 56.25%; /* 保持宽高比 */
  overflow: hidden;
}

.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 自适应填充圆角区域 */
}

/* 如果你想让视频播放区域有圆角 */
.video-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%; /* 可以调整圆角大小 */
  background-color: rgba(0, 0, 0, 0.5); /* 遮罩背景色 */
  z-index: -1; /* 将遮罩置于视频下方 */
}