본문 바로가기
dev/webDev

웹 페이지 내에 YOUTUBE iframe 사용시 문제점.

by Kelvin™ 2012. 5. 14.


일반적으로 페이지내에 YOUTUBE 링크를 사용하는 것은 문제가 없다.  ( iframe 으로 )


그런데 iframe 를 이용해서 페이지 전환 기능을 javascript 로 구현할때 IE7,8 에서 간헐적으로 페이지로딩시에


YOUTUBE 동영상이 전체 페이지로 나타나는 문제가 발생.



vimeo 는 문제가 없으나 youtube 만 문제가 발생된다.



javascript onclick 이벤트로 youtube 이용시 주의 하자..




해결방법을 찾긴 했는데...


일단은 잘 돌아감..



  $(document).ready(function() {

      $("iframe").each(function(){

          var ifr_source = $(this).attr('src');

          var wmode = "wmode=transparent";

          if(ifr_source.indexOf('?') != -1) {

              var getQString = ifr_source.split('?');

              var oldString = getQString[1];

              var newString = getQString[0];

              $(this).attr('src',newString+'?'+wmode+'&'+oldString);

          }

          else $(this).attr('src',ifr_source+'?'+wmode);

      });

  });



이거 추가..