Search code examples
htmlcssflashvideo

Floating div over vimeo video

I'm trying to float a div over a Vimeo video, something I thought would be quite simple, but it seems not. Here's the HTML:

<div id="wrap">
   <iframe id="video" src="http://player.vimeo.com/video/15888399" width="100%" height="100%" wmode="transparent" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
</div>

A js fiddle here too: http://jsfiddle.net/wfX55/
I've tried the wmode="transparent" technique, as seen, but it seems not to work. Is it at all possible to float a div over the top of a Vimeo video?

Solution

  • You have to use z-index with position: absolute or relative;

    Fiddle