如何制作视频边框曲线？ [关闭]

【问题标题】：How can i make video border curve? [closed]如何制作视频边框曲线？ [关闭]
【发布时间】：2021-02-19 19:02:37
【问题描述】：

我想做这样的视频风格...（曲线）

我尝试搜索并思考如何执行此操作，但找不到？

有没有人可以帮助我？

谢谢你..

【问题讨论】：

developer.mozilla.org/en-US/docs/Web/CSS/transform
这已经在 SO:stackoverflow.com/questions/15007903/… 上得到回答

标签： javascript html css canvas

【解决方案1】：

很遗憾，Chrome 和 Safari 不支持元素的边框半径。但是如果你创建一个圆角并隐藏溢出的 div 容器，然后将视频放入其中。会是对的。

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


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

【讨论】：