javascript - YouTube API onYouTubePlayerReady 未在 Chrome 中触发

Question

在我的网站上，我正在尝试制作一个带有多个链接的 youtube 视频播放器，以便在单击时加载不同的视频。到目前为止，它可以在 IE 和 Firefox 中运行，但我无法在 Chrome 中运行。我没有收到任何 JS 错误，但通过使用警报进行测试，我发现 onYouTubePlayerReady 没有触发。这是我的代码:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2/swfobject.js"></script>
            <a name="ytplayer"></a>
            <div id="ytplayer_div">You need Flash player 8+ and JavaScript enabled to view this video.</div>
            <script type="text/javascript">
              swfobject.embedSWF(
                'http://www.youtube.com/v/vlArwl2EoDc&enablejsapi=1&rel=0&fs=1&hd=1',
                'ytplayer_div',
                '720',
                '400',
                '11',
                null,
                null,
                {
                  allowScriptAccess: 'always',
                  allowFullScreen: 'true'
                },
                {
                  id: 'ytplayer_object'
                }
              );
                              var myytplayer;
                              function onYouTubePlayerReady(playerId) {
                    myytplayer = document.getElementById("ytplayer_object");
                  }

              function ytplayer_loadvideo( id ) {
                if (myytplayer) {
                                  myytplayer.loadVideoById(id);
                                }
              }
            </script>
            <div>
            <a href="#ytplayer" onClick="ytplayer_loadvideo( 'vlArwl2EoDc' );"><img src="http://img.youtube.com/vi/vlArwl2EoDc/default.jpg" /></a> <a href="#ytplayer" onClick="ytplayer_loadvideo( 'G4EIgIEngKY' );"><img src="http://img.youtube.com/vi/G4EIgIEngKY/default.jpg" /></a> <a href="#ytplayer" onClick="ytplayer_loadvideo( 'wxXnf_oCRI4' );"><img src="http://img.youtube.com/vi/wxXnf_oCRI4/default.jpg" /></a>
            </div>

有人知道这是怎么回事吗？

Answer 1

我测试了这个页面中的代码:

http://losmejoresavances.appspot.com/index2.html

.. Chrome 完美运行

我使用控制台检测对函数 onYouTubePlayerReady 的调用