javascript - Opera下onYouTubePlayerAPIReady触发失败

Question

Opera 上不显示嵌入的 Youtube 视频。

显然回调的定义晚于 YT api 库的加载，但找不到任何解决方法。

当前页面正在通过/player_api js 包含加载 YT api，并且仅适用于 Firefox。

尝试通过以下方式加载 YT api

<script type="text/javascript">
var tag = document.createElement('script');
tag.src = "//www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
<script>

但在这种情况下，页面在 Opera 和 Firefox 中都无法正常工作。

有问题的页面是: http://www.ionpoverty.tv/blog/featured/having-it-all-low-income-women-and-work-inequality/

Answer 1

看起来你包含 js 的方式阻止了它下面的脚本的执行。每个浏览器处理阻塞脚本的方式略有不同，这就是为什么您看到它在一个浏览器中工作而不在另一个浏览器中工作的原因。继续并移动脚本以加载 www.youtube.com/iframe_api 到您定义 onYouTubePlayerAPIReady 的位置之后。我还建议将其更改为 onYouTubeIframeAPIReady，但两者都应该有效。

您可以做的另一件事是确保加载 www.youtube.com/iframe_api 并在同一脚本标记中定义“onYouTubeIframeAPIReady”。因为它是单线程环境，所以应确保在包含其他脚本之前定义 onYouTubeIframeAPIReady。