javascript - youtube api，Firefox 4.0。 iframe无法加载视频

Question

尝试解决iFrame和Firefox 4.0无法加载视频的问题
目前这是我的代码。我试图调查这个网站-https://developer.mozilla.org/en/HTML/HTML5/Optimizing_Your_Pages_for_Speculative_Parsing以寻求帮助。但这对我来说意义不大。

任何帮助将不胜感激

问候
马特

<div id="myVid"></div>

        <script>

          var tag = document.createElement('script');
          tag.src = "http://www.youtube.com/player_api";
          var firstScriptTag = document.getElementsByTagName('script')[0];
          firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);


          var player;
          function onYouTubePlayerAPIReady() {
            player = new YT.Player('myVid', {
              height: '80%',
              width: '100%',
              events: {
                'onReady': onPlayerReady,
                'onStateChange': onPlayerStateChange
              }
            });
          }


          function onPlayerReady(event) {
            event.target.playVideo();
          }



          function onPlayerStateChange(event) {
            if (event.data == YT.PlayerState.ENDED) {
              getVideo();

            }
          }

        </script><

Answer 1

要使用YouTube嵌入方法，需要具有 HTML5 postMessage 支持的现代浏览器。

您正在使用的Firefox版本是4.0版，但Firefox可以从版本6 开始使用postMessage。

YouTube API嵌入要求:
https://developers.google.com/youtube/iframe_api_reference#Requirements

HTML5 postMessage引用:
https://developer.mozilla.org/en/DOM/window.postMessage

巧合的是，如果您使用的是Firefox版本6，并且您的嵌入标记带有完整的Video ID，则YouTube嵌入API会在最近两天出现一个灾难性的错误……Flash后备广告已损坏!请参阅此SO解决方法(如果适用):
https://stackoverflow.com/a/10560802/1195891