webkit playsinline在返回到cordova iOS应用程序中的页面时停止工作

webkit-playsinline stops working when returning to page in cordova iOS app

本文关键字:停止工作 应用程序 iOS playsinline 返回 cordova webkit      更新时间:2023-09-26

我在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中测试了以上所有内容,因为它们是我的目标版本。有什么建议吗?

提前谢谢。

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

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

出于某种愚蠢的原因,InAppBrowser默认将allowinlinemediaplayback设置为NO。