Phonegap iOS HTML5视频打开播放器

Question

我正在使用带有非常简单的目标网页的Phonegap：

<div>
    <video playsinline autoplay muted loop id='bgvid'>
        <source src='vid/localvid.mp4' type='video/mp4'>
    </video>
</div>

目的是让视频在后台播放，其中一些内容叠加在顶部。该视频确实开始播放，但在iOS上它启动原生全屏视频播放器而不是在div中播放。

知道如何防止它启动原生视频播放器吗？

谢谢！

Answer 1

在配置文件中的某处，您需要添加此配置以播放内联

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

在iPhone中，它总是以全屏播放，但在iPad和更大的设备中，它将在父div元素内播放。

上面的配置适用于cordova-ionic项目，我想它也是同样的电话空白。

Answer 2

它实际上需要两件事，它可以在iPhone上运行：

将此添加到config.xml <preference name="AllowInlineMediaPlayback" value="true" />

在HTML中，您必须包含webkit-playsinline

<video webkit-playsinline playsinline autoplay muted loop><source src='vid/vid.mp4' type='video/mp4'></video>