'IE6'에 해당되는 글 1건

  1. 2010.08.16 IE6에 innerHTML 로 유튜브 동영상 임베딩 시키기.
기타2010.08.16 18:31

4대 브라우저(IE8, Forefox, Chrome, Safari)에서 잘 동작하는 코드가 IE6에서만 안되는 경우가 생겨서 힘들게 찾아서 해결 했습니다.

var objMovie = "<object ~~ 생략 ~~>"; // 이 부분은 유튜브에서 동영상 퍼가기를 했을때 나오는 코드 입니다.

document.getElementById('divPlayer').innerHTML = objMovie;

이렇게 하면 ie6을 제외한 다른 브라우저에서는 모두 잘 동작합니다.

하지만 ie6에서 원활한 동작을 하게 하려면 다음과 같이 해 주어야 합니다.

//fix ie6 bug
 var fixEmbeddedVideo = function(embedCode) {
  if(embedCode && embedCode.toLowerCase().indexOf('classid') == -1) {
   var objPos = embedCode.toLowerCase().indexOf('object ') + 'object '.length;
   return embedCode.substr(0, objPos) + 'classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ' + embedCode.substr(objPos);
  } else {
   return embedCode;
  }
 }

document.getElementById('divPlayer').innerHTML = fixEmbeddedVideo(objMovie);

저작자 표시 비영리 동일 조건 변경 허락
신고
Posted by dotnetpower
TAG

티스토리 툴바