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

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,事件被解雇了,一切都与世界很好.

通过这个答案,我被告知了这一点.

编辑:

即使在上面提到的修复之后,Internet Explorer 10和11也遇到了相同的问题.对这篇文章的第一个评论让我简单地使用定位(即.left:-150%)隐藏和显示我的模态,而不是visibility或display属性.奇怪的是,禁用Flash也解决了这个问题,但这显然不是一个可行的解决方案......