jquery mobile + phonegap 中的 Youtube iframe 构建答案

【问题标题】：Youtube iframe in jquery mobile + phonegap buildjquery mobile + phonegap 中的 Youtube iframe 构建
【发布时间】：2012-10-16 23:25:00
【问题描述】：

我正在使用 iframe 将 youtube 视频嵌入使用 jQuery mobile 和 phonegap build 开发的适用于 android/iOS 的应用程序中。

在我的浏览器上测试它工作正常。

在我的设备 (android) 上，我看到了视频缩略图，但是当我点击它时，屏幕变黑，我看到了控件（播放、前进和后退）并且视频无法开始。在其他一些视频上，我看到加载“圆圈”，然后是 YT 相关视频。

我正在检查视频是否适用于移动设备

http://gdata.youtube.com/feeds/videos?alt=json&format=1,6&fields=entry[link/@rel='http://gdata.youtube.com/schemas/2007%23mobile'] &max-result=10&category=音乐&q="+mySong

任何帮助将不胜感激。

【问题讨论】：

标签： android cordova jquery-mobile iframe youtube-api

【解决方案1】：

本教程似乎有效：

http://eisabainyo.net/weblog/2012/01/24/embed-a-youtube-video-iframe-in-phonegap-app/

注意这一步：

在您应用的 PhoneGap.plist 文件中更改/添加以下值。

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

【讨论】：

感谢您的回复。我看到了那篇文章，但我是在 Ubuntu 下开发的，我没有创建文件 PhoneGap.plist。您知道如何生成它吗？
plist 文件是 IOS 应用程序的配置文件。 它们是从 xcode 项目（或 CLI）自动生成的。您正在为 android 开发，因此您不必处理 *.plist 文件，而是使用 android 配置文件。那里有这些配置的等价物。
最好的选择是使用安卓原生播放器。可以这样使用：matiasmolinas.blogspot.com.ar/2013/11/…

【解决方案2】：

问题似乎与 android 版本有关：在 4.0 上，iframe/html5 版本运行良好。问题出在 android 2.3 上。

我在 2.3 中使用了一个 jqm 插件作为解决方法

【讨论】：

我也面临同样的问题。你用的是哪个jqm插件？是否还有其他必要让它在 Android 2.3 上运行？
@Theo 我使用了simonmacdonald.blogspot.ie/2011/11/…，但这应该也可以工作tikku.com/… 一旦我开始使用它（没有其他任何东西）它就可以工作（不是我想要的应用程序内部，但至少它可以工作）
感谢您的回复。 1. PhoneGap 解决方法基于使用外部 YouTube 应用程序。它不能提供最佳体验，因为您还会看到视频 cmets 和其他信息（纵向模式）。 2. Tikku 播放器通过检测是否安装并使用 Flash 来避免 2.3 上的黑屏。如果没有 Flash，播放将恢复到无法正常工作的本机播放器。因此，此解决方案取决于已停产且仅适用于较旧的认证设备的 Android 版 Flash Player：adobe.com/devnet-apps/flashruntimes/certified-devices.html
我想没有“完美”的解决方案，只能靠现有的解决方案。