ios – 在Ionic / Phonegap中播放视频(webkit-playinline不工作)

我使用 HTML5视频标签在我的离子应用程序中播放视频.这是我的代码：

<video autoplay loop class="video" webkit-playsinline>
    <source src="videos/polina.mp4" type='video/mp4; codecs="h.264"' >
    <source src="videos/polina.webm" type="video/webm">
</video>

视频自动播放很好,但视频会打开本机播放器,不会内嵌播放.经过一番研究,我明白,webkit-playinline应该解决这个问题,至少在iOS上,但是对于我在iOS8和9上的测试似乎并不是这样.

我试过视频格式,我仍然得到爆炸的本地播放器出现.

我甚至付出了一点代码：http://img.laike.net/iso20200222021336.jpg”,以便在视频准备播放时获得图像. jpg应该是视频的第一帧(使用您喜欢的任何视频编辑器来解压缩).

看这个网站一个更完整的例子(和免费的…).我已经在Android / iOS上使用了Cordova,而且几乎没有变化.所需的更改是将文件加载到项目中,使用CrossWalk for Android,删除css中的媒体选择器(它通过设计在小屏幕上停止视频,但在Cordova中可以正常工作),添加playinline属性,最后添加config.xml中的首选项.

http://thenewcode.com/777/Create-Fullscreen-HTML5-Page-Background-Video