Cordova / Phonegap 使用静音内嵌视频时防止背景音乐暂停答案

【问题标题】：Cordova / Phonegap Prevent background music from pausing when using muted inline videoCordova / Phonegap 使用静音内嵌视频时防止背景音乐暂停
【发布时间】：2016-12-25 19:03:58
【问题描述】：

在我的应用程序中，我将显示一个登录页面，该页面在后台显示 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>

我的问题

在后台播放音乐（例如来自应用音乐或 Spotify）时打开此应用时，背景音乐会暂停！

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

我已经尝试搜索解决方案和插件，但我还没有成功。有人知道如何防止这种媒体/音频中断吗？

【问题讨论】：

您找到解决方案了吗？

标签： javascript html cordova phonegap-plugins

【解决方案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/

【讨论】：