Youtube API Yt.Player 对象不适用于 phonegap/on mobile [Yt player object vs. direct iframe]答案

【问题标题】：Youtube API Yt.Player object not working with phonegap/on mobile [Yt player object vs. direct iframe]Youtube API Yt.Player 对象不适用于 phonegap/on mobile [Yt player object vs. direct iframe]
【发布时间】：2013-06-04 04:24:04
【问题描述】：

我像这样在我的网站上嵌入了我的 youtube 播放器：

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

现在我已经编写了一个脚本，可以从 xml 文件加载新的 youtube 视频。

我想制作一个仅使用此脚本播放 youtube 视频的 phonegap 应用程序，但它不适用于 android。

我已经测试了嵌入它的另一种方法：

<iframe id="player" type="text/html" width="640" height="390"
 src="http://www.youtube.com/embed/M7lc1UVf-VE?enablejsapi=1&origin=http://example.com"
 frameborder="0"></iframe>

这很好用，但我不知道如何设置我在播放器对象中设置的参数。而且我不知道如何将我的“更改脚本”与直接 iframe 播放器连接起来。

我的问题：

有没有办法让 yt.player 对象在 phonegap/on mobile 上工作？
如果没有，我如何将我的参数（我在 yt.object 播放器中）添加到直接 iframe

非常感谢！

【问题讨论】：

确定了如何添加参数。 ?wmode=transparent&autoplay=1&controls=0&showinfo=0&iv_load_policy=3
当你说它不工作时，你到底看到了什么？是黑屏，左上角有键吗？
这是否为您解决了问题？

标签： iframe youtube cordova

【解决方案1】：

问题是您必须先强制用户触摸 youtube。一旦用户实际触摸了 youtube 播放器，它就可以正常使用。

我通过让 youtube 播放器加载介绍视频来解决这个问题。一旦介绍视频播放，我就可以通过 api 进行控制。

【讨论】：