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

【问题标题】：How to play Inline Video in Iphone Phonegap如何在 Iphone Phonegap 中播放内嵌视频
【发布时间】：2016-03-06 03:43:34
【问题描述】：

我正在使用 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>

【问题讨论】：

标签： ios iphone html cordova video

【解决方案1】：

我使用 Cordova 为 IOS 制作了一个混合应用程序，在 iPhone 上播放视频时遇到了同样的问题。视频全屏显示我根本不想要的所有本机控制面板（破坏了我所有的应用程序设计）。在 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>

【讨论】：

【解决方案2】：

您可以通过将其添加到您的 config.xml 来轻松地允许这样做：

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

【讨论】：

【解决方案3】：

我终于知道出了什么问题。由于 config.xml 仅在您构建项目时更新，它确实有效，但在测试视图中无效。我将它作为原生 iPhone 应用程序运行，它可以在 iPhone 应用程序中运行。

【讨论】：