google-chrome - html5视频上的圆 Angular

Question

有没有一种方法可以使用 CSS3 border-radius 属性切断我的 html5 视频元素的 Angular ？

查看 this example .它不起作用。

Answer 1

创建一个带有圆 Angular 和 overflow:hidden 的 div 容器。然后将视频放入其中。

<style>
.video-mask{
    width: 350px;
    border-radius: 10px; 
    overflow: hidden; 
}
</style>


<div class="video-mask">
    <video></video>
</div>