Question

我正在使用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=Music&q="+mySong

任何帮助都会非常感激。

Answer 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

Answer 2

问题似乎与Android版本有关：在4.0上，iframe / html5版本工作正常。问题出在android 2.3上。

我在2.3

中使用了jqm插件作为解决方法

Youtube iframe在jquery mobile + phonegap build中

2 个答案: