플래시 콘텐츠가있는 iframe 위 div

Question

iframe 위에 플래시 콘텐츠 (예 : YouTube 동영상)가있는 div를 배치하고 싶습니다. iframe의 콘텐츠에 액세스 할 수 없어 해당 콘텐츠를 수정할 수 없습니다.

저는 많은 것을 시도했습니다 (z- 색인 ... 모든 것). 하지만 아무것도 작동하지 않습니다. 정말

Answer 1

iframe 태그 가장 높은 Z- 인덱스가 iframe이 플래시 콘텐츠가 포함 된 것입니다. 문제는. 그들은 페이지에 무엇보다 이동 솔루션 :(

을 찾을 수 없기 때문에 나는 단지 요구하고있다 . 당신은 비록 다른 위의 한 iframe을 배치하고 그 안에 텍스트를 넣을 수

jsFiddle을 :. http://jsfiddle.net/USqxj/30/

<div><iframe style="width:100px;height:100px;"></iframe></div> 
<div><iframe style="width:50px;height:50px;position:absolute;margin-top:-85px;left:25px;"></iframe></div> 

Answer 2

내가 정말 돈으로 난 두려워 테스트 된 솔루션으로 도움이되지 수 아무 것도 없어. 플래시 파일을 사용하여 답을 만드는 테스트를 해보지 만, 왜 이런 일이 일어나는지 말할 수 있습니다.

플래시는 브라우저 플러그인이므로 플래시 동영상은 절대로 HTML 문서의 일부가 아닙니다. 대신 페이지의 영역은 플러그인이 실행될 수 있도록 예약되어 있습니다. 그러면 플러그인이 호출되어 페이지의 '위에서'실행됩니다. 따라서 다른 요소에 z- 인덱스를 설정하면 어떤 조합을 시도해도 문제가 실제로 해결되지 않습니다.

그러나 'wmode'라는 플러그인이 인식하는 요소 자체에 설정할 수있는 'magic'매개 변수/속성이 있습니다. 이 매개 변수/속성을 'transparent'로 설정하면 플래시 플러그인이 일부 HTML 요소를 보여줄 수있게하여 플래시 동영상 위에 있다는 환상을줍니다.

iframe의 소유자에게 문의하여 wmode 매개 변수를 transparent로 설정할 수 있다면 제안하는 것이 좋습니다. 이것이 youtube 또는 vimeo embed 인 경우 직접 매개 변수를 추가하는 데 필요한 설명서 나 옵션이 있는지 확인하십시오. 당신이 할 수 많은 심지어 자바 스크립트 (보안상의 이유로 JS와 프레임의 내용을 수정할 수 없습니다) 여기 당신의 친구가되지 않으므로,이 아니라고 실패

편집 :

플래시 대신 HTML5 비디오를 사용하는 방법이 있다면 기억할 것입니다. HTML5 비디오는 Document Object Model의 일부로 렌더링되므로 z-index 속성을 통해 제어 할 수 있습니다.

닐