带有Phonegap的Android Hybrid App上的iframe视频

时间:2014-10-03 18:46:10

标签: android cordova iframe video

我在我的index.html文件中嵌入了一个youtube视频。

<iframe id="video" width="640" height="360" src="//www.youtube.com/embed/xxxxxxxxx?rel=0&amp;controls=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
  • 我通过带有Cordova Phonegap的cmd创建了这个应用程序:

    cordova create hello com.example.hello HelloWorld
    
  • 将我的html,css,js文件替换为app文件夹。

  • 添加了android平台:

    cordova platform add android
    
  • 打开Eclipse,导入应用程序并运行它。

  • 我把.apk放在我的平板电脑上,一切正常,但视频无效。

    我收到错误“网页无法使用”而不是视频。

我该如何解决这个问题?

2 个答案:

答案 0 :(得分:2)

你应该白名单youtube。

http://cordova.apache.org/docs/en/3.6.0/guide_appdev_whitelist_index.md.html

<access origin="http://*.youtube.com" />

答案 1 :(得分:1)

解决。

我只是在 src 属性的链接中添加 http:

<iframe id="video" width="640" height="360" src="HTTP://www.youtube.com/embed/xxxxxxxxx?rel=0&amp;controls=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>