YouTube 동영상을 웹 페이지에 삽입 할 때 div가 중복되는 것을 방지하려면 어떻게해야합니까?

Question

유튜브에서 비디오를 포함하는 두 가지 방법을 사용하여 iframe이 :

<iframe width="400" height="300" src="http://www.youtube.com/embed/2D_AU8-2QWY?rel=0" frameborder="0" allowfullscreen></iframe> 

및 이전 :

<object width="400" height="300"><param name="movie" value="http://www.youtube.com/v/RNclwz9B_GQ?version=3&amp;hl=it_IT&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/RNclwz9B_GQ?version=3&amp;hl=it_IT&amp;rel=0" type="application/x-shockwave-flash" width="400" height="300" allowscriptaccess="always" allowfullscreen="true"></embed></object> 

항상이 같은 내 div의에 못생긴 중복 효과를 뻥 임 :

그래서 어떻게 피하는가? 감사!

Answer 1

당신 DIV 년대는 1ftw1의 대답에 추가하려면 상단

https://developer.mozilla.org/en/CSS/z-index

Answer 2

에의 갈 것을 선택할 수 있습니다 이런 식으로 주문 CSS에서 z-index을 시도; 창, 직접, 불투명, 투명, GPU : 가능한 값 -

wmode : 플래시 내용에 z-index 설정을 할 수 있도록 당신은 wmode PARAM Adobe's site에서

을 포함해야합니다. 브라우저에서 투명도, 레이어, 위치 및 렌더링을 위해 Flash 무비의 Window Mode 속성을 설정합니다. 이 속성을 생략하면 기본값은 "window"입니다. 자세한 내용은 아래의 창 모드 (wmode) 값 사용을 참조하십시오.
window - SWF 내용은 웹 페이지에서 자체 사각형 ("창")으로 재생됩니다. 브라우저는 SWF 내용이 다른 HTML 요소에 대해 계층화 된 방식을 결정합니다. 이 값을 사용하면 페이지의 다른 HTML 요소 위나 아래에 SWF 내용이 표시되는지 명시 적으로 지정할 수 없습니다.
직접 - 직접 경로 렌더링을 사용합니다. 이렇게하면 화면 버퍼에서 합성이 수행되지 않고 SWF 내용이 화면에 직접 렌더링됩니다. 이 wmode 값은 콘텐츠 재생에 최상의 성능을 제공하고 스테이지 비디오 또는 스테이지 3D를 사용하는 SWF 내용의 하드웨어 가속 표현을 가능하게하는 데 권장됩니다.
불투명도 - SWF 내용이 페이지의 다른 HTML 요소와 함께 겹쳐져 있습니다. SWF는 불투명하고 페이지의 레이어 뒤에 숨겨진 모든 것을 숨 깁니다. 이 옵션은 wmode = window 또는 wmode = direct와 비교하여 재생 성능을 저하시킵니다.
투명 - SWF 내용이 페이지의 다른 HTML 요소와 함께 겹쳐져 있습니다. SWF 배경색 (스테이지 색상)은 투명하며 SWF 아래의 HTML 요소는 알파 블렌딩을 사용하여 SWF의 투명 영역을 통해 볼 수 있습니다. 이 옵션은 wmode = window 또는 wmode = direct에 비해 재생 성능을 저하시킵니다.
gpu - 일부 인터넷에 연결된 TV 및 모바일 장치에서 추가 하드웨어 가속을 사용합니다. 다른 wmode 값과 달리 표시 목록 그래픽의 픽셀 충실도는 보장되지 않습니다. 그렇지 않은 경우이 값은 wmode = direct와 유사합니다.

Answer 3

bgiframe이 문제를 해결할 수 있습니다. 궁금한 점이 있으시면 헤더와 오버레이에 bgiframe을 적용해야합니다. z-index and iFrames!을보고 싶을 수도 있습니다.