javascript - "Object doesn' t support this property or method"in IE 8. 在调试中执行良好

Question

我不知道我是不是太蠢了，漏掉了一些明显的东西，但是:

我有一个包含以下脚本的页面:

$(document).ready(function() {
    $('.fsBtn').click(function(e) {
        $("#fullscreenVideo").show();
        player.stopVideo();
        playerFS.playVideo();
    });
});

在每个浏览器栏中 IE8 这将加载正常。但是在 IE8 中，调试器会出现:Object doesn't support this property or method Line 144 这是 playerFS.playVideo()

我检查过它是否已声明 - 它已经声明了。奇怪的是，如果我进入 IE 的脚本调试器并运行 playerFS.playVideo()，它将被 IE 接受。

为什么这个脚本不能在代码中执行，但允许我在调试中正常执行它？

以下是我目前采取的步骤: - 将脚本放在准备好的文档中以确保其正常。 - 将脚本放在页面而不是外部 JS 文件中。 - IE Debug模式手动运行脚本。

任何帮助将不胜感激，这确实让我感到难过。如有必要，可以提供更多信息。

编辑:Player 和 playerFS 都是这样定义的:

function onYouTubePlayerAPIReady() {
    player = new YT.Player('player', {
        height: '360',
        width: '640',
        videoId: V_ID,
        playerVars: playerParams,
        events: {
            // 'onReady': onPlayerReady,
            // 'onStateChange': onPlayerStateChange
        }
    });
    //exact Same code again but for playerFS instead of player
}

其中显示“player”的部分在另一个文件中是“playerFS”。

播放器的 HTML 页面和 JS:http://pastebin.com/ZbBwKg9a

Answer 1

youtube API 很难使用 JSAPI 嵌入到隐藏的 div 中。

尝试添加一段代码，在隐藏视频之前对视频进行初始化，以确保视频创建正确。