PDA

View Full Version : Cross-browser animation overlaying video



zynite
20 May 2011, 02:51 PM
I've been tasked with taking a video(which will likely be of a man talking and explaining some points), and overlaying interactive content on top of the video. Buttons, pop-ups, zooming text... it could get cheesy lol.

I'm comfortable in flash, said no worries, and now the call is coming down for it to be ipad compatible. So i started looking into html5,jquery,css and such to try to accomplish the new animations. The problem is i can't seem to overlay the animations on top of the video. Even after modifying the z-index's the video becomes the top layer as soon as it starts playing.

Can someone point me in the right direction, whether that be in concept or preferably in tutorial. I'm looking for a cross-browser(ipad included) solution, to create animations and overlay them ontop of a video.

Thanks in advance folks :)