如何使用 Phonegap 在 Android 上嵌入 YouTube 视频

Question

我一直在尝试使用新的 YouTube iframe API 将 YouTube 视频嵌入到我的 PhoneGap Android 应用程序中。
嵌入本身可以正常工作，并且会弹出一个 YouTube 窗口，其中包含预览图片和中间的播放按钮。
问题是，当我单击按钮开始流式传输视频时，嵌入不会播放视频 - 只是加载预览图片而不执行任何操作。

如果有帮助的话，使用的代码如下。

 & lt;iframe title="YouTube video player"
class="YouTube-player" type="text/HTML" width="320" height="194"
src="http://www.youtube.com/embed/xxxxxxxx" frameborder="0"></iframe>

我从任何文章中读到，如果使用 iPhone 只需更改phonegap.plist 上的设置，这

MediaPlaybackRequiresUserAction: NO
AllowInlineMediaPlayback: YES
OpenAllWhitelistURLsInWebView: YES
ExternalHosts
          *.youtube.com
          *.ytimg.com

在 Android 中怎么样...？

Answer 1

请使用此插件在android-phonegap应用程序中播放youtube视频。
请按照this博客中给出的步骤进行操作。

成功集成插件后，使用以下代码播放 YouTube 视频：

window.plugins.videoPlayer.play("http://www.youtube.com/watch?v=E0UV5i5jY50");

Answer 2

我也有同样的问题。就我而言（Phonegap 2.9 + Android 4.2），问题是 AndroidManifest.xml 中的 minSdkVersion。

<uses-sdk android:minSdkVersion="14" />

当我尝试将其设置为低于“14”时，它停止显示视频流，就像您的情况一样（预览仍然可以）

更新：

..但是如果您在 AndroidManifest.xml 中添加启用硬件加速，即使使用较低版本的 Android，一切也能正常工作

android:hardwareAccelerated="true"

一切都在这篇post

中有详细解释

Answer 3

检查控制台中加载视频时是否有任何错误，例如“访问被拒绝”，如果是这种情况：编辑 config.xml 文件并添加

<access origin="http://youtube.com" subdomains="true" />
<access origin="http://ytimg.com" subdomains="true"/>