title: SVG Mask with Multiple Video sources?
body: <p>Not sure if this is possible, but I'm trying to see if it is possible to have an SVG circle mask for different video DOM elements that will all be fixed.</p>
  
  <p><a href="https://i.stack.imgur.com/JzdnU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JzdnU.png" alt="enter image description here"></a></p>
  
  <p>Ideally, each SVG circle above will mask a video that will be in a different layer.  Then I would transform the circle to scale up to fit the browser height/width</p>
  
  <p>I've tried all different code samples, so putting code here won't really do any difference, just looking for a direction to see if this is technically possible, and to put me in the right direction</p>