YouTube API onYouTubePlayerReady未在Chrome中觸發

在我的網站上，我試圖製作一個具有多個鏈接的YouTube視頻播放器，並在其下點擊加載不同的視頻。到目前爲止，它在IE和Firefox中都有效，但我無法在Chrome中使用它。我沒有得到任何JS錯誤，但通過警報測試，我發現onYouTubePlayerReady沒有發射。這裏是我的代碼：YouTube API onYouTubePlayerReady未在Chrome中觸發

<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>

有誰知道發生了什麼事？

來源

2013-03-19 StickyShift44

我測試的代碼在此頁：

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

..並從Chrome瀏覽器的完美

我用控制檯來檢測調用函數onYouTubePlayerReady

來源

2013-03-19 20:46:09

哈..好吧，我清除了我的Cookie和網站數據以防萬一，但我沒有看到任何改進，所以這裏是鏈接到頁面：[http://teamskyfire.elementfx.com/blog/stasis/videos/]我計劃在博客中使用一個WordPress博客作爲「頁面」在一切正常工作之後清理代碼。 – StickyShift44 2013-03-20 03:32:59

YouTube API onYouTubePlayerReady未在Chrome中觸發

回答

相關問題