Transparent html5 video for web

It is nice to be able to overlay your webpage with a video that has transparent background so that objects in the video appear on top yet one can still see the content behind them. You can achieve the desired effect with Flash but using html5 video requires some work to be done.

Here we set up a demo example for you that works without Flash and gives you video transparency, even more, it can be played on iPhone inline and with autoplay as well as on other devices like iPad that do not allow to autostart a web video. Read more about playing videos inline and with autostart on iPhone.

Do you have a crazy idea but not sure if it is going to work ? Get in touch and find out.

And this is the original video for creating transparency.