android - 边框半径在某些Android手机上不起作用

我有一个简单的部分，其中添加了边框半径，不幸的是，我已经在android手机上进行了测试，例如xiaomi redmi note 4，xiaomi redmi 3 pro，motorola g6，边框半径不起作用

这是HTML

<div class="video-conatiner_datavideo">
                    <video class="videoplayer-datavideo" id="videoplayer"
                        playsinline autoplay muted>
                        <source src="videos/welcome_middle_generyczny_bot.mp4"
                            type="video/mp4">
                    </video>
                </div>

这是CSS

.videoplayer-datavideo {
    width: 250px;
    height: 250px;
    border-top-left-radius: 300px;
    border-top-right-radius: 300px;
    border-bottom-left-radius: 300px;
    border-bottom-right-radius: 300px;
}

我试图改变这个

.videoplayer-datavideo {
    width: 250px;
    height: 250px;
    border-radius: 300px;
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    -ms-border-radius: 300px;
    -o-border-radius: 300px;
}

还是行不通

但是当我在iPhone和其他Android设备上尝试时，一切都很好

这是现场演示：Live demo

我该怎么做才能解决这个问题？

最佳答案

您可以使用此代码

body {
  margin: 0;
}

.videoplayer-datavideo {
  width: 250px;
  height: 250px;
  border-radius: 100%;
  background-color: #dddddd;
}

<div class="video-conatiner_datavideo">
  <video class="videoplayer-datavideo" id="videoplayer" playsinline autoplay muted>
      <source src="videos/welcome_middle_generyczny_bot.mp4" type="video/mp4">
  </video>
</div>