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

kai*_*lor 2 javascript html5 html5-video ios cordova

我在iOS的cordova(phonegap)应用程序的主页中嵌入了内嵌视频.我已经为config.xml添加了必要的allow设置

<preference name="AllowInlineMediaPlayback" value="true" />
Run Code Online (Sandbox Code Playgroud)

而视频html看起来像这样

<video webkit-playsinline poster="img/videoplaceholder.png" loop class="video" autoplay="autoplay">
    <source src="media/homepage.iphone.mp4"/>
</video>
Run Code Online (Sandbox Code Playgroud)

当应用程序首次启动时,视频内嵌播放并完美运行.但是,如果我离开主页然后返回,则视频会在页面加载时全屏显示.我已经尝试在页面中移动视频以测试是否因为浏览器专注于页面加载.我也试过删除自动播放和延迟触发JS的游戏.我已经在iOS7和iOS8中测试了上述所有内容,因为这些是我的目标版本.有什么建议吗?

先感谢您.

小智 5

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

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

由于某些愚蠢的原因,InAppBrowser默认将allowinlinemediaplayback设置为NO.