javascript addEventListener onStateChange가 IE에서 작동하지 않습니다.

Question

각 YouTube 동영상을 표시하는 두 개의 colorbox 팝업 상자가 있습니다. 재생이 끝나면 자동으로 색상 상자 창을 닫으려고합니다. 이 코드는 firefox에서 완벽하게 작동하지만 IE에서는 addEventListener를 사용할 수 없습니다. 내가 성공 attachEvent 시도했습니다. 아무도이 문제를 해결하는 방법에 대한 제안을 제공 할 수 있습니까? 그것은 간단 해 보이지만 나는 해결책을 찾기 위해 노력하고있어 지쳤습니다. 그건 그렇고, 이것은 stackoverflow에서 처음이며 매우 인상적입니다.

업데이트 1 :

음, 이것이 현재 코드입니다. 그것은 FF로 완벽하게 작동하지만 IE는 좋은 결과만을 출력합니다. IE8 디버거 ... 오류 중 하나를보고하지 않습니다

function onYouTubePlayerReady(playerId) { 
    if (playerId && playerId != 'undefined') { 
    if(playerId && playerId == 'ytvideo1'){ 
     var ytswf = document.getElementById('ytplayer1'); 
     alert('good'); 
    } else if(playerId && playerId == 'ytvideo2'){ 
     var ytswf = document.getElementById('ytplayer2'); 
    } else { 
    } 

    setInterval('', 1000); 
    ytswf.addEventListener('onStateChange', 'onytplayerStateChange'); 
    alert('great'); 
    } 
} 


function onytplayerStateChange(newState) { 
    alert('amazing'); 
    if(newState == 0){ 
    $.fn.colorbox.close(); 
    alert('perfect'); 
    } 
} 

업데이트 3 : 솔루션

간단하게 내 colorbox에 onComplete를 넣고 점에서 데 SWFObject를 놓고는 IE에서 완벽했다.

Answer 1

는 IE에서 테스트에서, 당신은

ytswf = document.getElementById('ytplayer1'); 

실제 SWF 개체가로드되기 전에 할당 사용하는 기준과 같습니다 당신이 전화 직후에이 코드를

function onYouTubePlayerReady(playerId) { 
    ytswf = document.getElementById("ytplayer1"); 
    ytplayer.addEventListener("onStateChange", "onytplayerStateChange"); 
} 

를 실행하는

swfobject.embedSWF("http://www.youtube.com/v/SPWU-EiulRY? 
hl=en_US&hd=0&rel=0&fs=1&autoplay=1&enablejsapi=1&playerapiid=ytvideo1", 
"popupVideoContainer1", "853", "505", "8", null, null, params, atts); 

당신이 $(function()

및 바로 <script> 대신 더 아래

Answer 2

YouTube 플레이어 개체보다 어떻게 AS3의 구문처럼 자신의 addEventListener 메소드를 구현

새로운 대답.

player.addEventListener (이벤트 : 문자열, 청취자 : 문자열) :

유튜브 내가 여기에 제공하는 것입니다있는 링크 된 페이지의 예를 제공 공허 정보에 따라 here를 나열 :

function onYouTubePlayerReady(playerId) { 
    ytplayer = document.getElementById("myytplayer"); 
    ytplayer.addEventListener("onStateChange", "onytplayerStateChange"); 
} 

function onytplayerStateChange(newState) { 
    alert("Player's new state: " + newState); 
} 

YouTube는 예제 코드가 IE에서 작동한다는 것을 증명하는 예제 페이지도 제공합니다. 이 예제 페이지 here을 연결하겠습니다.

이제

, 여기에 구글/유튜브에서 제공하는 예에 따라 작동하도록 코드의 관련 부분을 쓰기를 재에서 시도이다 : 그래서

function onYouTubePlayerReady(playerId) { 
    if(playerId && playerId == 'ytvideo1'){ 
    var ytplayer = document.getElementById('ytplayer1'); 
    } else if(playerId && playerId == 'ytvideo2'){ 
    var ytplayer = document.getElementById("ytplayer2"); 
    } else { 
    return; 
    } 

    ytplayer.addEventListener('onStateChange', 'onytplayerStateChange'); 
} 

는, 그것은 실수가 여기에서 발생되는 것으로 나타났다 메서드 이름 'addEventListener'를 사용하여 생성 된 혼동으로부터. W3C JavaScript 구현에서 두 번째 매개 변수는 함수이며 두 번째 매개 변수는 문자열입니다. 이거 줘. =).IE는

는 당신이 필요로하는 간단한 div 요소를 참조하는 생각 때문에

Answer 3

IE는 addEventListener가 그것을 않습니다 지원하지 않습니다 후 var ytswf; 을 배치 사실을 닫기 전에? attachEvent이 필요하십니까?

if (el.addEventListener){ 
    el.addEventListener('click', modifyText, false);  
else if (el.attachEvent){ 
    el.attachEvent('onclick', modifyText); 
}