我正在尝试在我的 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 上工作的任何建议。