html中的视频屏蔽

时间:2012-06-27 09:13:28

标签: html5 video svg

我们如何使用可用的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蒙面视频吗?

提前致谢。

1 个答案:

答案 0 :(得分:0)

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

但是对于HTmL5画布,你运气不好!