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

Youtube播放器api + phonegap无法正常工作

1 个答案: