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/