Safari 中视频元素上隐藏的溢出

Question

我有一个视频元素，我想将它隐藏在一个 div 中，border-radius: 50%; 这在 Chrome 和 Firefox 上运行良好，但在 Safari 上不起作用。

我的 css 的要点是：

.back{
    overflow: hidden;
    position: relative;
    z-index: 1;
    border-radius: 50%; 
}

.back video{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 150px;
    width: 267px;
}

有任何想法吗？

Answer 1

我尝试了@indextwo 在他的评论中推荐的内容，并且奏效了！

只需将此添加到<video>元素的父级：

transform: translate3d(0, 0, 0);