Youtube播放器API + phonegap不起作用

Question

我們正試圖在我們的Phonegap（2.9.2）應用程序中使用YouTube API V3。視頻應該用下面的代碼顯示：

<video class="col-xs-12" id="ytplayer" src="https://www.youtube.com/watch?v=Ek3ZZn3KwzA"></video> 

 // Load the IFrame Player API code asynchronously. 
    var tag = document.createElement('script'); 
     tag.src = "https://www.youtube.com/player_api?enablejsapi=1&version=3"; 
    var firstScriptTag = document.getElementsByTagName('script')[0]; 
     firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 
    var player; 
    function onYouTubePlayerAPIReady() { 

     player = new YT.Player('ytplayer', { 
      events: { 

      } 
     }); 
    } 

我們只能看到在它的播放按鈕，一個灰色的矩形，在雙方的Android（4.2）和iOS（7 ） 設備。

出了什麼問題？

Answer 1

做這樣

<div id="player"> </div> 

var player; 
function onYouTubePlayerAPIReady() { 
    player = new YT.Player('player', { 

     videoId: 'P2jViqMnnK4', 
     events: { 
     'onReady': onPlayerReady, 
     'onStateChange': onPlayerStateChange, 
     'onError': onError, 

     }, 
     playerVars: { 

       'controls': 0, 
       'showinfo': 0, 
       'iv_load_policy': 3, 
      }, 
    }); 
}