html - html5 视频上的六边形切边

Question

我想弄清楚的是如何使 html5 视频(mp4) 具有六边形边缘。我的视频大小是 900x600，它是一个正方形，我正在尝试将其改为六边形。

有人可以帮忙吗？

Answer 1

You can do it by using simple css

video{
        -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

这会将您的视频显示为六边形。 要更好地理解它，请点击链接 clipping video 对于任何查询评论它。 一切顺利。