javascript - audio莫名其妙的问题？

Question

今天遇到一个神一样的问题：

环境微信版本6.5（最新版）

页面代码如下：

<audio src="src/msg.mp3" id="msgSound"></audio>
<audio src="src/unlock.mp3" id="unlockSound"></audio>
<audio src="src/videoCome.wav" id="videoCome" loop preload></audio>
<audio src="src/interlude.mp3" id="music" loop preload="auto"></audio>

播放函数如下：

        function audioPlay(id){
            var audio = document.getElementById(id);
            audio.play();
            document.addEventListener("WeixinJSBridgeReady", function () {
                audio.play();
            }, false);
        }
        function audioPause(id){
            var audio = document.getElementById(id);
            audio.pause();
            document.addEventListener("WeixinJSBridgeReady", function () {
                audio.pause();
            }, false);
        }

依次触发msgSound，unlockSound都没问题；

 audioPlay('msgSound');
 audioPlay('unlockSound');

但是当要播放

audioPlay('videoCome');

居然完全是没声音的！求解！！！！
后面我用另外一种方式：

  $('#msgSound').attr('src' , 'src/videoCome.mp3');
                $('#msgSound').attr('loop' , 'loop');
                 setTimeout(function(){
                    audioPlay('msgSound');
                 },50); 

这样又行了，为啥？？？

强调环境是微信最新版本！

Answer 1

为啥前边那个后缀wav，后边那个是mp3？

Answer 2

虽然第一直觉是wav的文件格式问题，但查了一下，wav格式是一个很广泛的格式。不应该不支持的。
上caniue
http://caniuse.com/#search=wav

然后，我再多问一句，你确定src/videoCome.wav这个资源存在么。。。

Answer 3

是不是引用了其他音视频插件的原因？我之前做的项目需要用到一个视频插件，当时用了之后就出现了音频播放无法控制的问题。