Question

我是Cordova App开发的新手。

我有一个Youtube网址，我想在Cordova应用中嵌入视频。我尝试过使用YouTube Api（JS库）和iframe。如何在Android应用上加载视频？

Answer 1

对我来说，解决方案是编辑config.xml文件，添加以下行：

<preference name="AllowInlineMediaPlayback" value="true" />
<preference name="MediaPlaybackRequiresUserAction" value="false" />   
<allow-navigation href="*youtube*" />
<allow-navigation href="*ytimg*" />
<allow-navigation href="*youtube-nocookie*" />

Answer 2

使用iframe是嵌入YouTube视频的首选和建议方式，因此您需要继续操作。来自YoutTube iframe API引用的入门代码加载并适用于iOS（在iOS 7上测试）和Android（在Android 4.3上测试）。

Answer 3

除非您使用<access origin="*" />（不推荐），否则您需要允许以下域名与您的config.xml一起将YouTube视频嵌入到cordova Android应用中：

<access origin="https://*.youtube-nocookie.com" />
<access origin="https://*.youtube.com" />
<access origin="https://*.ytimg.com" />
<access origin="https://*.gstatic.com" />
<access origin="https://*.googlevideo.com" />
<access origin="https://*.google.com" />

这适用于privacy-enhanced嵌入模式。标准嵌入可能不需要youtube-nocookie域。

如果您使用内容安全元标记，则还需要在csp中允许这些域。

Answer 4

将参数feature = player_embedded添加到iframe url对我来说很好：

<iframe width="640" height="360" src="http://www.youtube.com/embed/*********?feature=player_embedded" frameborder="0" allowfullscreen></iframe>

如何在Cordova Android应用程序中嵌入Youtube视频

4 个答案: