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