我尝试在我的PhoneGap应用中添加Vimeo视频,因此我在html页面中添加了在Vimeo上生成的嵌入代码:
<iframe src="https://player.vimeo.com/video/39483020" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
我调用phonegap serve
命令启动一个托管我项目的Web服务器,当我在iPad Safari浏览器上预览访问生成的服务器地址时,视频播放正常。
然而,当我尝试使用iPad上的PhoneGap Developer iOS应用程序进行预览时,它根本不会显示(空白iframe)。
我在 config.xml 文件中尝试了白名单vimeo,但它似乎没有任何效果:
<access origin="*.vimeo.com" />
<access origin="*.vimeocdn.com" />
<allow-intent href="*.vimeo.com" />
<allow-intent href="*.vimeocdn.com" />
<allow-navigation href="*.vimeo.com" />
<allow-navigation href="*.vimeocdn.com" />
我还尝试将这些域名包含在内容安全政策中,但没有运气:
<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: 'unsafe-inline' https://*.vimeo.com https://*.vimeocdn.com https://ssl.gstatic.com; style-src 'self' 'unsafe-inline'; media-src *" />
非常感谢如何让它在iPad上运行。