जावास्क्रिप्ट addEventListener onStateChange IE

Question

में काम नहीं कर रहा है मेरे पास दो रंगबॉक्स पॉपअप बॉक्स हैं जो प्रत्येक में एक यूट्यूब वीडियो दिखाते हैं। जब वे खेलना समाप्त कर लेंगे, तो मैं उन्हें स्वचालित रूप से कलरबॉक्स विंडो बंद करने की कोशिश कर रहा हूं। नीचे दिया गया यह कोड फ़ायरफ़ॉक्स में सही काम करता है, लेकिन आईई में मैं काम करने के लिए addEventListener नहीं प्राप्त कर सकता। मैंने कोई सफलता के साथ attachEvent की कोशिश की है। क्या कोई इसे हल करने के तरीके के बारे में कोई सुझाव दे सकता है? यह आसान लगता है लेकिन मैं एक समाधान खोजने की कोशिश कर थक गया हूँ। वैसे, यह मेरा पहला समय स्टैक ओवरफ्लो पर है और यह बहुत प्रभावशाली है।

अद्यतन 1:

खैर, यह मेरे वर्तमान कोड है। यह एफएफ में सही काम करता है, लेकिन आईई केवल अच्छा उत्पादन करता है। 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 वस्तु भरी हुई है का उपयोग कर रहे की तरह दिखता है तो आईई सोचता है कि आप एक सरल div तत्व

आप की जरूरत की बात कर रहे इस कोड को

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()

और var ytswf; जगह सही के बजाय और नीचे

Answer 2

न्यू जवाब

YouTube प्लेयर वस्तु का अपना addEventListener विधि है जो अधिक कैसे AS3 के वाक्य रचना की तरह है लागू करता है। जानकारी के अनुसार सूचीबद्ध here:

player.addEventListener (घटना: स्ट्रिंग, श्रोता: स्ट्रिंग): शून्य

YouTube पृष्ठ मैं जुड़ा हुआ मैं यहाँ प्रदान करेंगे, जिस पर एक उदाहरण देता है:

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

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

यूट्यूब एक उदाहरण पृष्ठ भी प्रदान करता है जो साबित करता है कि उनका उदाहरण कोड आईई में काम करता है। मैं उस उदाहरण पृष्ठ 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' के उपयोग से बनाई गई भ्रम से। डब्ल्यू 3 सी जावास्क्रिप्ट कार्यान्वयन में, दूसरा पैरामीटर यूट्यूब कार्यान्वयन में एक समारोह है, दूसरा पैरामीटर एक स्ट्रिंग है। इसे एक शॉट दें =)।

Answer 3

आईई addEventListener यह होता है का समर्थन नहीं करता <script> के बाद ?? आपको attachEvent सही चाहिए?

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