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