Phonegap / Cordova Youtube 在 iOS 上嵌入视频不起作用

Posted

技术标签:

【中文标题】Phonegap / Cordova Youtube 在 iOS 上嵌入视频不起作用【英文标题】:Phonegap / Cordova Youtube embed videos on iOS not working 【发布时间】:2017-09-11 04:47:45 【问题描述】:

我正在尝试将 Youtube 视频嵌入到我的 ios Cordova 项目中。它没有在 iPad 和 Iphone 上显示视频。 这是我的代码

<iframe  
  src="https://www.youtube.com/embed/uFyaDBmvR8c?showinfo=0&frameborder=0&allowfullscreen></iframe>

【问题讨论】:

【参考方案1】:

尝试更改此设置。

<iframe   src="https://www.youtube.com/embed/uFyaDBmvR8c?showinfo=0" frameborder="0" allowfullscreen></iframe> 

到这里。

 <iframe style="width:100%; height:221px;" src="https://www.youtube.com/embed/uFyaDBmvR8c?showinfo=0" frameborder="0" allowfullscreen></iframe>

【讨论】:

【参考方案2】:

我遇到了同样的问题,我添加了白名单插件:

<plugin name="cordova-plugin-whitelist" source="npm" spec="*"/>

然后白名单 https 访问 Youtube:

<allow-navigation href="https://*youtube.com/*"/>

在 config.xml 文件中。 现在它正在工作。

【讨论】:

修复了视频播放问题,但 标记中的视频缩略图仍然无法从 youtube 链接加载缩略图

以上是关于Phonegap / Cordova Youtube 在 iOS 上嵌入视频不起作用的主要内容,如果未能解决你的问题,请参考以下文章

Phonegap / Cordova 改变个别声音的音量?

Cordova (PhoneGap) 和 iFrame

Phonegap/Cordova 中的本地通知

Cordova/PhoneGap - 通过应用商店验证

我如何将 Phonegap 项目创建的 cordova 1.9 更新为 cordova 3.1

Cordova/Phonegap 1.6 媒体示例