프프프

<iframe>으로 올린 유투브 동영상 유투브 동영상이 화면위로 뚫고 올라오는 경우

z-index로도 안먹히는 경우

 

&wmode=opaque"

속성이 지정되어 있는경우?대신 &를 넣어준다.

?wmode=opaque"

 

 

<iframe width="640" height="360" src="http://www.youtube.com/embed/6eH05-QYjz4?feature=player_detailpage&wmode=opaque" frameborder="0" allowfullscreen></iframe>

[출처] <iframe>으로 올린 유투브 동영상 z-index 문제|작성자 미투마켓


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function iframeVideo() {
   $('iframe').each(function() {
      var url = $(this).attr("src");
 
      if ($(this).attr("src").indexOf("?"> 0) {
         $(this).attr({
            "src": url + "&wmode=transparent",
            "wmode""Opaque"
         });
      } else {
         $(this).attr({
            "src": url + "?wmode=transparent",
            "wmode""Opaque"
         });
      }
   });
}
cs


'Front > HTML&CSS' 카테고리의 다른 글

반응형 박스  (0) 2016.10.31
[IE] table 요소에 position과 background 사용 주의  (0) 2016.10.26
<!doctype>  (0) 2016.05.03
말 줄임  (0) 2016.05.02
가로세로 비율을 유지하는 반응형 박스  (0) 2016.04.26
댓글 로드 중…

트랙백을 확인할 수 있습니다

URL을 배껴둬서 트랙백을 보낼 수 있습니다