Question

我正在加载YouTube播放器API，如下所示：

      var player;
  function onYouTubeIframeAPIReady() {
console.log("iframe ready");
    player = new YT.Player('player', {
      height: '390',
      width: '640',
      events: {
        'onReady': onPlayerReady,
        'onStateChange': onPlayerStateChange
      }
    });
  }


function onPlayerReady(){
console.log("player ready");
}

在Chrome上，IFrame就绪和播放器就绪事件都会被触发，但在Firefox上，只有iframe准备好被触发，而且我从未看到onPlayerReady事件触发。

我想知道这个问题的可能原因是什么，以及是否有解决方法。由于此问题，我无法访问诸如loadPlaylist之类的播放器功能。

由于

Answer 1

就我而言，Ibrahim提到的答案不是我面临的问题。这是一个老版本的bug，现在无论如何都要解决了。

我的视频正在加载一个模式窗口，该窗口以display:none开头。这阻止了Firefox完全处理API，并且随后onReady事件未被触发。 Safari和Chrome的行为符合预期，没有任何错误可言，所以这让我头疼得太久了。

我将 display:none更改为visibility:hidden ，事件被解雇，一切都与世界相关。

this answer向我倾诉。

修改

即使在上面提到的修复之后，Internet Explorer 10和11也遇到了同样的问题。关于this post的第一条评论让我只是使用定位（即。left:-150%）来隐藏和显示我的模态，而不是visibility或display属性。奇怪的是，禁用Flash也解决了这个问题，但这显然不是一个可行的解决方案......

Answer 2

YT flash播放器也存在问题。但是当你使用HTML5播放器版本时，所有YT播放器var和所有API方法都运行正常：

var player;
  function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
      height: '390',
      width: '640',
      videoId: 'M7lc1UVf-VE',
      playerVars: {
        html5: 1
      },
      events: {
        'onReady': onPlayerReady,
        'onStateChange': onPlayerStateChange
      }
    });
  }

YouTube API似乎无法在Firefox中加载，IFrame会加载，但onPlayerReady事件永远不会触发？

2 个答案: