플래시/동영상 위에 레이어 띄우기

1.플래시 위에 레이어를 띄우는 방법

      <embed> 태그인 경우는 옵션으로   wmode="transparent" 를 넣어주면 된다.
      예) <embed src="~" pluginspage="~" type="application/x-shockwave-flash"
             width="~" height="~" wmode="transparent"></embed>

      <object> 태그인 경우는 <param> 태그를 이용한다.
      예) <object classid="~" codebase="~" width="~" height="~">
                                        ...

             <param name="wmode" value="transparent">
           </object> 

wmode의 기능을 살펴보면

Window - 웹 페이지의 사각형 응용 프로그램 영역 윈도우에서 응용 프로그램을 재생합니다. Window는 Flash 응용 프로그램이 HTML 레이어와 전혀 상호 작용하지 않으며 항상 최상위 항목임을 나타냅니다.(기본값)

Opaque - 페이지에 있는 모든 요소를 응용 프로그램 뒤로 숨깁니다.

Transparent - HTML 페이지의 배경이 응용 프로그램의 모든 투명 영역을 통과해 표시되도록 하지만 애니메이션 속도가 낮아질 수 있습니다.

Opaque windowless 및 Transparent windowless - 둘 모두 HTML 레이어와 상호 작용하므로 SWF 파일 위의 레이어로 인해 응용 프로그램이 보이지 않게 됩니다. 두 속성의 차이는 Transparent의 경우 SWF 파일 아래의 HTML 레이어가 SWF 파일의 투명한 부분을 통해 보일 수 있도록 투명도를 허용한다는 점입니다.

trasparent를 사용할 경우 몇가지 버그가 존재하는데 http://blog.uix.kr/16 여기를 참고하세요.


2.동영상 위에 레이어 띄우는 방법

위 방법처럼 사용해도 동영상위에는 레이어를 띄울 수 없다.

<embed> 태그인 경우는 windowlessVideo="1" 를 추가하면된다.
<object> 태그인 경우는 <param name="WindowlessVideo" value="1"> 이다.

단, IE를 제외한 브라우저는 안된다...