Question

在Chrome中它运行良好，但在Firefox和Safari中它会在动画完成后出错。在脚本文件中，我检查每个动画后，如果当前可见元素是youtube播放器，如果是，则播放视频。当离开幻灯片暂停时。

我在控制台player.pauseVideo is not a function

中收到此错误

任何人都有解决方案吗？

Answer 1

您推迟了onYouTubePlayerAPIReady的定义。出于这个原因，YouTube API很可能在onYouTubePlayerAPIReady定义之前完成。在这种情况下，您的代码将失败。

要解决此问题，请检查API是否在运行时就绪。

window.onYouTubePlayerAPIReady = function () {
    player = new YT.Player('player', {
        height: '315',
        width: '560',
        videoId: 'bpOR_HuHRNs',
    });
};
if (window.YT) {
    // Apparently, the API was ready before this script was executed.
    // Manually invoke the function
    onYouTubePlayerAPIReady();
}

请注意。对于简单的单向函数，例如player.playVideo()和player.pauseVideo()，我建议使用这个简单的函数，它不像文档化的YouTube API那样臃肿。请参阅this answer。

以下是您网页的更新部分，使用我的其他答案而不是YouTube API中的callPlayer功能：http://jsfiddle.net/ryyCZ/

<div id="player">
  <iframe width="560" height="315" frameborder="0" src="http://www.youtube.com/embed/bpOR_HuHRNs?enablejsapi=1"></iframe>
</div>

if ($(".slides_control > div:visible #player").length == 1) {
    callPlayer("player","playVideo");
} else {
    callPlayer("player", "pauseVideo");
}

Youtube API无法在Firefox中加载

1 个答案: