How do I draw a shape on an HTML5 video using SVG?

Question

I am trying to draw shapes on top of an HTML5 video, but am having trouble figuring out how to do it. I know how to apply a mask on top of the video:

Answer 1

use CSS position:absolute to position your SVG where you want it.

the above example should positions the svg 20 px from the top of the page and 40px from the left