Cordova/Phonegap防止在使用静音内联视频时暂停背景音乐

Question

在我的应用程序中，我将显示一个登录页面，其中包含背景中的html5视频。视频剪辑不包含音频剪辑，视频有 “静音” 属性..

代码

<video webkit-playsinline playsinline autoplay muted="muted" loop poster="resources/video/login_placeholder.png" id="bgvid"> 
 
    <source src="resources/video/login_web_noaudio.mp4" type="video/mp4"> 
 
</video>

我的问题

打开此应用程序在播放背景音乐时（例如Apply Music或Spotify），背景音乐会暂停播放！

我不希望背景音乐被暂停。这对用户体验来说很糟糕。

我试过寻找解决方案和插件，但我还没有成功。 有谁知道如何防止这种媒体/音频中断？

Answer 1

要同时播放音频/视频，

一个替代的解决方案是有声视频 （作为后备代码）里面的音频，然后使用JavaScript它们同步。 事情是这样的：

<video id="myvideo" controls muted> 
    <source src="path/to/video.mp4" type="video/mp4" /> 
    <audio id="myaudio" controls> 
     <source src="path/to/audio.mp3" type="audio/mpeg"/> 
    </audio> 
</video> 

<script> 
    var myvideo = document.getElementById("myvideo"); 
    var myaudio = document.getElementById("myaudio"); 
    myvideo.onplay = function() { myaudio.play(); } 
    myvideo.onpause = function() { myaudio.pause(); } 
</script> 

单看这小提琴： http://jsfiddle.net/9ogmjq5m/