Html 如何在Safari中使用边界半径解决此问题？

边框应用于视频，但视频并不完全在边框内。 我怎样才能把它放在边界内？这个问题只存在于Safari中。我添加了一个链接以更清楚地显示它

下面是CSS

   .video-div
 {  
     justify-content: center;
 }

 video {
     overflow: hidden;
     height: 100%;
     width: auto;
     border: 6px white solid;
     border-radius: 50px;
     position: absolute;
     right: 50%;
     left: 50%;
     transform: translateX(-50%);
 }

---

谢谢

我想你可以从这里得到解决方案：

html：
css:
.活动(四舍五入){
显示：内联块；
-webkit边界半径：50%；
-moz边界半径：50%；
边界半径：50%；
-khtml边界半径：50%；
边框：3px实心#fff；
}
.活动(四舍五入){
-webkit边界半径：50%；
-moz边界半径：50%；
边界半径：50%；
-khtml边界半径：50%；
垂直对齐：中间对齐；
}

我认为如果您添加了与此相关的html，那就太好了。将您的html和完整的CSS与图像一起发布，以便可以复制。这是否回答了您的问题？我共享整个文件时出现了一些问题。不能那样做。我的问题和以前解决的有点不同。

html:
<div class="activity_rounded"><img src="http://placehold.it/100" /></div>

css: 

.activity_rounded {
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
    border: 3px solid #fff;
}

.activity_rounded img  {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
    vertical-align: middle;
}