[z-index] 유튜브 동영상 z-index 적용안될때, 꾸르팁!

z-index로 단계를 정리해도, 위에 얹어져있는 동영상때문에 디자인이 흐트러지는 경우
iframe과 object 구분하시고, 굵게 표시된 부분을 제자리에 넣어주시면 동영상도 심해로 보내버릴수가 있습니다.

 

01. iframe 동영상의 경우 

- 속성값이 없는 경우에는 "?"와 함께 wmode=opaque를 써주세요
<iframe width="300" height="200" src="//www.youtube.com/embed/고유주소?wmode=opaque" frameborder="0" allowfullscreen></iframe>

- 속성값이 있는 경우에는 "&"와 함께 wmode=opaque를 써주세요
<iframe width="300" height="200" src="//www.youtube.com/embed/고유주소?rel=0&wmode=opaque" frameborder="0" allowfullscreen></iframe>

 

02. object 동영상의 경우

<object width="550" height="315" name="wmode"><param name="movie" value="http://www.youtube.com/v/고유주소?version=3&amp;hl=ko_KR"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/고유주소?version=3&amp;hl=ko_KR" type="application/x-shockwave-flash" width="550" height="315" allowScriptAccess="always" allowfullscreen="true" wmode="transparent"></embed></object>