uniapp video圆角

UniApp Video组件提供了一种方便的方式来嵌入视频内容，并支持添加自定义样式，包括设置视频播放区域的圆角。要在UniApp中为Video组件添加圆角，你可以通过CSS样式来实现。例如：

<template>
  <view class="video-container">
    <uni-video src="your_video_url" :controls></uni-video>
  </view>
</template>

<style scoped>
.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 视频比例 */
  height: 0;
  overflow: hidden;

  &::before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 56.25%; /* 同上 */
    background-color: #000; /* 设置成透明或者其他想要的背景色 */
    border-radius: 10px; /* 这里设置视频区域的圆角，单位与设计稿一致 */
  }
}
</style>

在这个例子中，`.video-container` 类设置了视频容器的样式，`border-radius` 属性用于指定边框的圆角大小。记得调整 `border-radius` 的值以适应你的设计需求。