Css Can'；t在包围视频的div上设置边框半径

因此，我试图通过将

标记包含在带有圆角的div中来制作圆角视频。在Chrome&FF中效果很好，但在Safari中效果不好。我猜这只是Safari的一个局限性，但我想我会把它扔出去，看看有没有人知道解决方法

.container{
最大宽度：560px；
溢出：隐藏；
显示：块；
边界半径：6px；
-webkit边界半径：6px；
盒影：0.30pxRGBA（0,0,0,0.5）；
-webkit盒阴影：0 30px rgba（0,0,0,0.5）；
-moz盒阴影：0 30px rgba（0,0,0,0.5）；
}
#录像带{
显示：块；
}

您的浏览器不支持视频标记。

我可以在Safari 11.1中重现这个问题。我可以通过将

边界半径直接应用于视频元素来解决此问题，如下所示：


.container{
最大宽度：560px；
溢出：隐藏；
显示：块；
边界半径：6px；
-webkit边界半径：6px；
盒影：0.30pxRGBA（0,0,0,0.5）；
-webkit盒阴影：0 30px rgba（0,0,0,0.5）；
-moz盒阴影：0 30px rgba（0,0,0,0.5）；
}
#录像带{
边界半径：继承；
显示：块；
}

您的浏览器不支持视频标记。
有趣的是，我刚刚假设视频元素本身无法设置样式。谢谢