我正在加载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之类的播放器功能.
谢谢
就我而言,Ibrahim提到的答案并不是我面临的问题.这是一个老版本的bug,无论如何都要解决.
我的视频正在加载一个模态窗口,从窗口开始display:none
.这阻止了Firefox完全处理API,并且随后该onReady
事件未被触发.Safari和Chrome的行为符合预期,没有任何错误可言,所以这让我头疼得太久了.
我改变display:none
了visibility:hidden
,事件被解雇了,一切都与世界很好.
通过这个答案,我被告知了这一点.
编辑:
即使在上面提到的修复之后,Internet Explorer 10和11也遇到了相同的问题.对这篇文章的第一个评论让我简单地使用定位(即.left:-150%
)隐藏和显示我的模态,而不是visibility
或display
属性.奇怪的是,禁用Flash也解决了这个问题,但这显然不是一个可行的解决方案......