웹 페이지 내에 YOUTUBE iframe 사용시 문제점.
일반적으로 페이지내에 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);
});
});