Youtube Iframe: onYouTubePlayerAPIReady() nie nazywane

Question

Mam stronę z ramką iframe, która ładuje wideo z youtube (src iframe jest modyfikowany w środowisku wykonawczym). I na podstawie kodu przez Roba W dostarczone w różnych odpowiedzi na ten temat

<iframe id="browser" class="browser" scrolling="no" name="navigation" 
src="http://www.youtube.com/embed/nOEw9iiopwI?enablejsapi=1" application="youtube" style="display: 
inline;"></iframe> 

Potem, kiedy iframe jest załadowany ten kod jest wykonywany:

$('.browser').load(function() { 
dispose_ytplayer(); 
}); 

się dispose_ytplayer nazywa function() jest:

function dispose_ytplayer() { 
    (function(){ 
    var s = document.createElement("script"); 
    s.src = "http://www.youtube.com/player_api"; 
    var before = document.getElementsByTagName("script")[0]; 
    before.parentNode.insertBefore(s, before); 
    })(); 

    alert('called yt_dispose'); 

    var ytIframeplayer; 

    function onYouTubePlayerAPIReady() { 
     alert('called onYouTubePlayerAPIReady'); 
     ytIframeplayer = new YT.Player('browser', { 
      events: { 
       "onStateChange": stopCycle 
      } 
     }); 
    } 
} 

ale drugi alert ("o nazwie onYouTubePlayerAPIReady") nigdy nie jest wywoływany, a moja konsola chrome.log pokazuje ten komunikat o błędzie z -www-embed_core_module vflNmuGQq.js: 26:

Niebezpieczne JavaScript próba dostępu ramkę z adresem URL http://mysite.com z ramą z URL http://www.youtube.com/embed/nOEw9iiopwI?enablejsapi=1. Domeny, protokoły i porty muszą się zgadzać.

Wszelkie pomysły?

Answer 1

onYouTubePlayerAPIReady powinien znajdować się na obiekcie window.

try:

window.onYouTubePlayerAPIReady = function() { 
     alert('called onYouTubePlayerAPIReady'); 
     ytIframeplayer = new YT.Player('browser', { 
      events: { 
       "onStateChange": stopCycle 
      } 
    }); 
} 

Answer 2

Wydaje się, że nie jesteś zamykania funkcji off poprawnie.

Ostatni } jest zamykany onYouTubePlayerAPIReady(), a nie dispose_ytplayer().

kod Poprawiono:

function dispose_ytplayer() { 
    (function(){ 
     var s = document.createElement("script"); 
     s.src = "http://www.youtube.com/player_api"; 
     var before = document.getElementsByTagName("script")[0]; 
     before.parentNode.insertBefore(s, before); 
    })(); 

    alert('called yt_dispose'); 

    var ytIframeplayer; 

    function onYouTubePlayerAPIReady() { 
     alert('called onYouTubePlayerAPIReady'); 
     ytIframeplayer = new YT.Player('browser', { 
      events: { 
       "onStateChange": stopCycle 
      } 
     }); 
    } 
}