Ios 如何在Iphone Phonegap中播放内嵌视频

我正在使用Phonegap创建一个应用程序，它必须有内联视频。当我为内联视频编写代码时，它在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>

您的浏览器不支持视频标记。

我终于找到了问题所在。由于config.xml仅在构建项目时更新，因此它确实有效，但在测试视图中不起作用。我将其作为本机iPhone应用程序运行，并在iPhone应用程序中运行。

您可以通过将其添加到config.xml中轻松实现这一点：

<preference name="AllowInlineMediaPlayback" value="true" />

---

我使用Cordova为IOS制作了一个混合应用程序，在iPhone上播放视频时遇到了同样的问题。这段视频全屏显示了我根本不想要的所有本机控制面板（打破了我所有的应用程序设计）。在iPad上工作正常，但在iPhone上不行。要解决这个问题：

在config.xml中添加

<preference name="AllowInlineMediaPlayback" value="true" />

b）在您的HTML中

<video id="myVideo" webkit-playsinline playsinline>

<video id="myVideo" webkit-playsinline playsinline>