Creating div overlays over any video (similar to Google ads in YouTube)

I would like to create a div overlay over videos in a html page. The videos could be embedded YouTube videos, or from any other source. Any ideas on how to do this? I have done a similar task of overlaying divs on images but never did for v开发者_如何学编程ideos. Would greatly appreciate if anyone could point me in the right direction.

Just make sure wmode="Opaque" or wmode="Transparent" is set on the video embed and the video will recognize its parents' z-index css property.

wmode - Possible values: window, opaque, transparent. Sets the Window Mode property of the Flash movie for transparency, layering, and positioning in the browser.