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

时间:2012-08-27 11:57:25

标签: android video cordova youtube embed

我一直在尝试使用新的YouTube iframe API在我的phonegap Android应用中嵌入YouTube视频。
嵌入本身工作,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中怎么样...?

3 个答案:

答案 0 :(得分:0)

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

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

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

答案 1 :(得分:0)

我遇到了同样的问题。在我的情况下(Phonegap 2.9 + Android 4.2),问题是AndroidManifest.xml中的minSdkVersion。

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

当我尝试将其设置为低于&#39; 14&#39;它不再像您的情况那样显示视频流(预览仍然可以)

更新

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

android:hardwareAccelerated="true"

post

详细解释了所有内容

答案 2 :(得分:0)

检查控制台中是否有任何错误,例如&#34;访问被拒绝&#34;加载视频时,如果是这样的话:编辑config.xml文件并添加

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