javascript - 在 cordova iOS 应用程序中返回页面时，webkit-playsinline 停止工作

Question

我在适用于 iOS 的 cordova (phonegap) 应用程序的主页中嵌入了一个内联视频。我已将必要的允许设置添加到 config.xml

<preference name="AllowInlineMediaPlayback" value="true" />

视频 html 看起来像这样

<video webkit-playsinline poster="img/videoplaceholder.png" loop class="video" autoplay="autoplay">
    <source src="media/homepage.iphone.mp4"/>
</video>

当应用程序首次启动时，视频会内嵌播放并完美运行。但是，如果我离开主页然后返回，视频会在页面加载时全屏打开。我尝试将视频移至页面下方以测试是否是因为浏览器专注于页面加载。我还尝试使用 JS 删除自动播放和延迟触发播放。我已经在 iOS7 和 iOS8 中测试了以上所有内容，因为它们是我的目标版本。有什么建议吗？

提前谢谢你。

Answer 1

您需要将“allowinlinemediaplayback=YES”添加到您的第一个 window.open 调用中。所以它看起来像这样:

window.open('http://google.com', 'Google', 'location=0,status=0,allowinlinemediaplayback=YES');

出于某些愚蠢的原因，InAppBrowser 将您的 allowinlinemediaplayback 设置默认为 NO。