掩盖HTML5视频

Question

我想屏蔽HTML5视频元素并将其转换为三角形。我想要一个适用于IE9，Firefox和Chrome的解决方案。有可能吗？

Answer 1

我不确定跨浏览器是如何兼容的，但我知道Apple有一个Safari Technology Demo，他们在HTML5视频上使用-webkit-mask。值得研究。

Answer 2

您可以在Firefox中使用SVG屏蔽视频，但这不适用于IE9或Chrome。您可以逐帧将视频复制到画布元素，然后在那里操纵视频以创建蒙版效果。只使用CSS虽然据我所知是不可能的。