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

Posted 2023-03-13

【中文标题】如何使用 Phonegap 在 Android 上嵌入 YouTube 视频

【英文标题】：How To Embed YouTube Video on Android using Phonegap

【发布时间】：2012-08-21 21:56:56

【问题描述】：

我一直在尝试使用新的 YouTube iframe API 将 YouTube 视频嵌入到我的 phonegap android 应用中。 嵌入本身可以工作，然后会弹出一个 YouTube 窗口，其中包含预览图片和中间的播放按钮。 问题是当我单击按钮开始流式传输视频时，嵌入的视频不会播放视频 - 只是加载预览图片而什么都不做。 如果有帮助，使用的代码如下。

 & lt;iframe title="YouTube video player"
class="YouTube-player" type="text/html"  
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 中怎么样......？

【参考方案1】：

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

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

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

【讨论】：

这将触发 youtube 应用程序的意图，它不会将视频嵌入应用程序本身。

【参考方案2】：

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

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

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

更新：

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

android:hardwareAccelerated="true"

这post中的一切都详细解释了

【参考方案3】：

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

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