Youtube嵌入播放器js始终在第一页加载时挂起

时间:2018-06-14 18:23:07

标签: javascript reactjs youtube embed

我第一次面对这个问题。

我有一个使用React.js构建的应用程序。在主页面上,我使用下一个代码嵌入了Youtube播放器:

<iframe 
    src={`https://www.youtube.com/embed/${myAwesomeVideoId}?autoplay=1&rel=0&controls=0&showinfo=0&mute=1`} 
    key={locale} 
    allow="autoplay; encrypted-media" 
/>

当我加载带有嵌入式Youtube播放器的页面时,即使在加载了所有页面内容后,仍然会加载选项卡(快速旋转加载程序而不是选项卡标题中的favicon)。我查看了“网络”标签,发现Youtube的www-embed-player.js仍处于pending州:

enter image description here

尽管如此,玩家工作正常。当我重新加载页面时,问题就会消失,直到某个时刻才出现(我想,直到缓存终止到期)。此问题也会在“隐身模式”的新窗口中显示每个首页加载。

问题仅发生在Chrome中,而不是发生在每个网站上。 有人知道如何解决它吗?这很烦人! &GT;:(

0 个答案:

没有答案