html中的视频屏蔽

Question

我们如何使用可用的SVG屏蔽html中的视频？

我尝试使用以下代码，但它不会在chrome中显示错误？

<video id="video_target" src="oceans-clip.ogg" type="video/ogg" autoplay></video>
<svg>
   <mask id="video_mask" maskUnits="userSpaceOnUse">
       <text x="300" y="190">VIDEO</text>
   </mask>
</svg>

有人可以回答如何在Chrome中显示SVG蒙面视频吗？

提前致谢。

Answer 1

很抱歉，HTML5视频屏蔽目前仅受webkit浏览器支持。 您可以使用一些javascript进行解决方法，例如此处所述的色度键效果：https://developer.mozilla.org/En/Manipulating_video_using_canvas

但是对于HTmL5画布，你运气不好！