html - 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

抱歉，目前只有 webkit 浏览器支持 HTML5 视频屏蔽。您可以使用一些 javascript 来解决此问题，例如这里描述的这种色度键效果：https ://developer.mozilla.org/En/Manipulating_video_using_canvas

但是对于 HTmL5 画布，你就不走运了！