Youtube player api + phonegap не работает

Question

Мы пытаемся использовать YouTube API V3 в приложении Phonegap (2.9.2). Видео предполагается отображаться со следующим кодом:

<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) и прошивку (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, 
      }, 
    }); 
}