2016-09-14 67 views
0

我使用PhoneGap的一个非常简单的登陆页面:的PhoneGap iOS的HTML5视频播放器打开

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

的目的是让视频与覆盖在上面的一些内容后台播放。视频确实开始播放,但在iOS上它启动本地全屏视频播放器,而不是在div中播放。

任何想法如何防止启动本机视频播放器?

谢谢!

回答

1

它实际上有两个东西,它在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>

2

某处在配置文件中,你需要添加该配置在玩iPhone内嵌

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

它总是在全屏播放,但在iPad和更大的设备将父div元素里面玩。

上面的配置适用于cordova-ionic项目,我猜它也是一样的phonegap。