10

我有一个带有 iframe 的页面，它加载了一个 youtube 视频（iframe 的 src 在运行时被修改）。我基于 Rob W 提供的关于此主题的不同答案中的代码

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

然后，当加载 iframe 时，将执行以下代码：

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

被调用的函数 dispose_ytplayer() 是：

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
             }
        });
    }
}

但第二个警报（“称为 onYouTubePlayerAPIReady”）从未被调用，我的 chrome console.log 显示来自www-embed_core_module-vflNmuGQq.js:26 的此错误消息：

不安全的 JavaScript 尝试从 URL http://www.youtube.com/embed/nOEw9iiopwI?enablejsapi=1的框架访问具有 URL http://mysite.com的框架。域、协议和端口必须匹配。

有任何想法吗？

4

2 回答 2

26

onYouTubePlayerAPIReady应该在window对象上。

尝试：

window.onYouTubePlayerAPIReady = function() {
        alert('called onYouTubePlayerAPIReady');
        ytIframeplayer = new YT.Player('browser', {
             events: {
                "onStateChange": stopCycle
             }
    });
}
于 2013-01-13T13:15:39.587 回答
1

似乎您没有正确关闭这些功能。

最后}是关闭onYouTubePlayerAPIReady()，不是dispose_ytplayer()。

固定代码：

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
            }
        });
    }
}
于 2013-01-13T13:19:43.237 回答