0

我有以下使用 ajax 加载页面的 jQuery 脚本,我想在加载页面时使用 Youtube API 显示视频:

$("#games_slides").load($(this).attr('href'), function(){
    function onYouTubePlayerReady(playerId) {
            ytplayer = document.getElementById("ytPlayer");
            ytplayer.cueVideoById("ylLzyHk54Z0");
            ytplayer.playVideo();
    }

    function loadPlayer() {
            var params = { allowScriptAccess: "always" };
            var atts = { id: "ytPlayer" };
            swfobject.embedSWF("http://www.youtube.com/apiplayer?" + "version=3&enablejsapi=1&playerapiid=player1", "youtubePlayer", "480", "295", "9", null, null, params, atts);
    }

    loadPlayer();
});    

播放器已加载,因此 loadPlayer 函数正在运行,但 onYouTubePlayerReady 函数未触发。知道为什么吗?

4

1 回答 1

13

onYouTubePlayerReady函数需要在window上下文中(以便 ActionScript 代码在加载后可以调用它),并且您对该函数的定义似乎具有一些本地上下文。

尝试

window.onYouTubePlayerReady = function(playerId) {
  ytplayer = document.getElementById("ytPlayer");
  ytplayer.cueVideoById("ylLzyHk54Z0");
  ytplayer.playVideo();
}
于 2012-09-21T20:27:02.623 回答