How do you overlay text on images/videos?

Question

We need to place text over objects in a web page, similar to this: http://www.queness.com/resources/html/slideshow/jquery-slideshow.html

The text "bar" needs to appear on top of images and videos. For the videos, we're using the html5media library (http://code.google.com/p/html5media/), which renders a <video> tag for those browsers that support it, or a Flowplayer for others.

How do you do this with jQuery? Is it even possible for videos? There are examples but none that allow for text to be on top of <video> or Flowplayer objects. Thanks.

Answer 1

you need to have your flash object in wmode=opaque in order to be able to place html on top of it

Answer 2

Have you tried absolute positioning for text, with a transparent background?