在Ionic / Phonegap中播放video（webkit-playsinline不起作用）
我正在使用HTML5video标签在我的离子应用中播放video。 这是我的代码：
<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> video自动播放，但video打开到本地播放器，不播放内联。 经过一番研究后，我明白了webkit-playsinline应该可以解决这个问题，至less在iOS上是这样的，但是在iOS8和9上testing我并不是这种情况。
我尝试了video，我仍然得到爆炸的本土球员出现。
我甚至花了一点点在这里得到这个代码： https : //creativemarket.com/DenzilDoyle/194974-Ionic-background-video ，说明了我正在创build（我的login屏幕上的背景video），但仍然是video打开到本地播放器。
有没有人设法让他们的离子/ phonegap应用程序内联播放video？ 如果这样怎么样？
UIWebView未configuration为允许内联video播放的原因。 在iPad上默认允许，但在iPhone上不是。
你可以很容易地通过添加到你的config.xml来允许：
<preference name="AllowInlineMediaPlayback" value="true" />
UIWebView应该尊重webkit-playsinline属性。
此外，代码也可以在大多数Android设备上使用（特别是如果您添加Crosswalk插件）。 但是，你应该先把webm，然后mp4文件，以避免一些版本的Chrome的问题）。
您还应该在video标签中添加一个海报=“firstFrame.jpg”，以便在video准备播放时获得图像。 jpg应该是video的第一帧（使用任何你喜欢的video编辑器来提取它）。
看到这个网站更完整的例子（和免费…）。 我用Cordova在Android / iOS上使用了这个，只做了很less的修改。 所需的更改是将文件加载到项目中，使用CrossWalk for Android，删除CSS中的媒体select器（它可以在devise中在小屏幕上停止video，但在Cordova中可以正常工作），添加playsinline属性，最后添加config.xml中的首选项。
http://thenewcode.com/777/Create-Fullscreen-HTML5-Page-Background-Video