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, 
      }, 
    }); 
}