如何在Iphone Phonegap中播放embedded式video
我正在使用Phonegap创build一个应用程序，并且必须有内联video。 当我把内联video的代码，它在ipad上工作很好，但它不适用于iPhone。 在iPhone上，它只是自动全屏。 我已经尝试在config.xml文件中放置一个首选项窗格，但它仍然不起作用。 代码如下：
config.xml中
<preference name="AllowInlineMediaPlayback" value="true" /> 的index.html
<video width="95%" style="display: block; margin: auto; margin-top: 10%;border: 1px inset #bbbbbb;" autoplay="" id="video" webkit-playsinline> <source src="used_files/lesson2_1.mp4" type="video/mp4" id="video"> Your browser does not support the video tag. </video>
我使用Cordova为IOS制作了一个混合应用程序，在iPhone上播放video时我遇到了同样的问题。 video全屏幕与所有本地控制面板什么我不想要（打破了我所有的应用程序devise）。 在iPad上，它工作正常，但不是在iPhone上。 要解决这个问题：
在config.xml中添加
<preference name="AllowInlineMediaPlayback" value="true" />
在你的JavaScript（a）或你的HTML（b）（这取决于你的代码）
a）在你的JavaScript中
var video = document.getElementById("myVideo");// Get your video video.setAttribute('webkit-playsinline', 'webkit-playsinline');// Fix fullscreen problem on IOS 8 and 9 video.setAttribute('playsinline', 'playsinline');// Fix fullscreen problem on IOS 10
b）在你的HTML中
<video id="myVideo" webkit-playsinline playsinline>
你可以很容易地通过添加到你的config.xml来允许：
<preference name="AllowInlineMediaPlayback" value="true" />
我终于明白了什么是错的。 由于config.xml仅在您构build项目时进行更新，因此它可以正常工作，但不在testing视图中。 我把它作为本机的iPhone应用程序运行，并在iPhone应用程序中运行。