Question

I am trying to position a transparent button over an embeded mpeg video?

I can position the buttons, but when the page loads, it seems the buttons are behind the
movie.

This works in Mac Safari and Firefox, but not in IE or PC Firefox.

I’ve tried z-index but I’m sure I’m not doing it right. The link is http://www.ba-doyn.com/junk/video/

Answer 1

You need to add wmode="transparent" to your embed tag:

<div id="video">
    <embed src="final_hsbvideo_12-8.mpg" width="480" height="375" wmode="transparent"></embed>
    <div id="button1">button1</div>
    <div id="button2">button2</div>     
</div>

Demo: http://jsfiddle.net/yrecK/