屏蔽HTML5视频

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

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

2011-05-03 18:16:12

如何逐帧复制视频？ – 2011-05-03 18:16:54

去年我在博客上做过类似的事情：http://blogs.msdn.com/b/thebeebs/archive/2010/11/08/how-to-rotate-html5-video.aspx – 2011-05-03 18:19:40

谢谢，还发现了一个很好的文章在这里https://developer.mozilla.org/En/Manipulating_video_using_canvas理想情况下，虽然我想这样做，而不使用画布。 – 2011-05-03 18:27:41

我不知道这是如何跨浏览器兼容，但我知道苹果有一个Safari Technology Demo他们在HTML5视频上使用-webkit-mask。这可能是值得调查的。

2011-05-03 19:41:48

由于它是一个Safari演示程序，它可以在基于webkit的引擎上工作（例如Google Chrome）。尽管IE9在没有反馈的情况下失败了，但Firefox会轻声建议它不能播放该演示。 – 2012-03-08 16:28:08

回答