vimeo 비디오 위에 떠 다니는 div

Question

나는 꽤 단순한 것이라고 생각되는 vimeo 비디오 위에 div를 띄우기 위해 노력하고 있습니다. 다음은 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> 

JS 바이올린은 여기 너무 : http://jsfiddle.net/wfX55/
내가 본대로 wmode="transparent" 기술을 시도했지만, 작동하지 않는 것 같다. div를 Vimeo 비디오 상단에 올려 놓을 수 있습니까?

Answer 1

당신은 당신의 사업부는 비디오의 부모이며 '아래에'그러므로 position: absolute or relative;

Fiddle

Answer 2

와 z-index을 사용해야합니다. 당신이 비디오를 통해 사업부를 떠하려는 경우, 당신은 또한 그것은 당신을 보인다 플래시 객체

Answer 3

의 W 모드를 설정해야이

<div class="parent"> 
<iframe></iframe> 
<div class="floatedDiv"></div> 
</div> 

with this css 

.parent{position:relative;} 
iframe{position: relative;} 
.floatedDiv{position: absolute; z-index: 2;} 

같은 더 나을 것 조금 혼란스러워서 z 지수에 관해서. 사용해보기 ...

<style> 
#wrap { 
    position: relative; 
    width: 400px; 
    height: 250px; 
    background-color: silver; 
} 

#video { 
    position: absolute; 
    z-index: 99999; 
} 
</style> 
<div id="wrap"> 
<div class="video">Something here I guess</div> 
<iframe id="video" src="http://player.vimeo.com/video/15888399" width="100%" height="100%" wmode="transparent" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen> 
</iframe> 
</div>