YouTube 播放器 iframe API：playVideo 无法在 Firefox 9.0.1 上运行

Question

我有一些 YouTube 嵌入代码（我将只粘贴给我带来麻烦的代码，并删除不公开的内容）：

console.log(ytplayer);
ytplayer.playVideo();

Chrome 和 FF 上的 Console.log 向我展示了具有正确方法的良好对象，以及方法 playVideo( ) 存在于那里。它适用于我检查过的所有其他浏览器，但它不适用于 FF！？更有趣的是，当我使用普通的YouTube播放按钮播放视频时，我可以使用pauseVideo()方法（以及所有其他方法：寻找、控制音量），但我不能使用playVideo()方法...

我使用嵌入视频的新方式：

ytplayer = new YT.Player(player, {
        height: height,
        width: width,
        videoId: videoid,
        allowfullscreen: 'true',
        playerVars: {
            controls: 0,
            showinfo: 0,
            wmode: 'opaque',
            autoplay: (autoplay ? 1 : 0)
        },
        events: {
            'onReady': function () {
                console.log('I am ready');
            }
        }
    });

当然，“我准备好了”是在控制台输出中。我不知道我做错了什么，为什么只有 FF 不起作用...没有 JS 错误，也没有线索...希望有人以前遇到过这个问题并得到解决！:)

Answer 1

我遇到了一个非常相似的问题，并且正在努力寻找答案。我对 playVideo() 的调用似乎不起作用。

原文：

$('#play_movie').click(function(){
    $('#video').show();
    if(player)
    {
        if(typeof player.playVideo == 'function')
        {
            player.playVideo();
        }
    }

问题是播放器尚不可用 - 如果我只是给它一点时间出现，那么通话就起作用了

$('#play_movie').click(function(){
    $('#video').show();
    if(player)
    {
        var fn = function(){ player.playVideo(); }
        setTimeout(fn, 1000);
    }

不知道这是否是您的确切问题，但我希望它对某人有帮助

Answer 2

更可靠的方法是检查玩家是否准备好。如果播放器尚未准备好，请对player.playVideo()进行排队，并在准备好时使用onReady事件执行它。 要点

var playerConfig = {},                 // Define the player config here
    queue = {                          // To queue a function and invoke when player is ready
      content: null,
      push: function(fn) {
        this.content = fn;
      },
      pop: function() {
        this.content.call();
        this.content = null;
      }
    },
    player;

window.onYouTubeIframeAPIReady = function() {
  player = new YT.Player('player', {
    videoId: 'player',
    playerVars: playerConfig,
    events: {
      onReady: onPlayerReady
    }
  });
};

// API event: when the player is ready, call the function in the queue
function onPlayerReady() {
  if (queue.content) queue.pop();
}

// Helper function to check if the player is ready
function isPlayerReady(player) {
  return player && typeof player.playVideo === 'function';
}

// Instead of calling player.playVideo() directly, 
// using this function to play the video. 
// If the player is not ready, queue player.playVideo() and invoke it when the player is ready
function playVideo(player) {
  isPlayerReady(player) ? player.playVideo() : queue.push(function() {
                                               player.playVideo();
                                             });
} 

Answer 3

我发现这篇文章正在寻找类似的东西。我在这里找到了答案，作者：relic180：

YouTube API - Firefox/IE 对于任何“播放器”返回错误“X 不是函数”。 request

基本上，即使 div 隐藏（即 display:none），Chrome 也可以初始化 YouTube 嵌入，但 FF 和 IE 则不能。我的解决方案是 relic180 的变体：

当我希望播放器不可见但已初始化（并且可用于对 player 的其他调用）时，我将播放器移动到 left:200% 或其他位置，然后在需要时将其移回屏幕上。

Answer 4

我个人在预设的 IFrame 上发现，如果您不使用 https://www.youtube，API 将无法正常工作。 com 作为域。所以要小心不要错过“www”。否则，API 将创建玩家对象，但无法执行方法。