html中的視頻掩碼

Question

我們如何使用可用的SVG在html中掩蓋視頻？

我試着用下面的代碼，但它不會顯示在鉻？

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

任何人都可以請回答如何顯示一個SVG蒙面的視頻在鉻？

在此先感謝。

Answer 1

對不起，但HTML5視頻屏蔽目前僅支持webkit瀏覽器。 你可以用一些JavaScript來解決這個問題，例如這裏描述的這種色度鍵效果：https://developer.mozilla.org/En/Manipulating_video_using_canvas

但是對於HTmL5畫布，你是不走運的！