Fill SVG shape with html5 video

I have an Ilustrator SVG shape and I want to fill it with a html5 video — Any ideas?

Googling “video in svg” produces some nice results, including demos like this, although they may not be exactly what you want code-wise, but might get the visual effect you are after. Seems like there’s something more specific to your need coming in SVG2, but I’m not sure that’s ready yet.

2 Likes

This can be done by layering of the elements using position absolute or fixed in css and z-index. You will need to first setup the video tag and get that all figured out so its working. Then position the svg over the video.

1 Like

Inspiring! thanks ralph!

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.