音频文件无法播放？H5的audio标签在win7下运行时报错“无效源”？

Question

以下代码在win10下的谷歌、火狐、IE11均运行正常。但是在win7下的IE11运行会出现播放器上面显示“无效源”的错误。

tempelate代码：

      <div>

        <p class="audio-info">{{audioInfo.audioName}}, 时长: {{audioInfo.audioTime}}s</p>

        <audio id="sound" :src="videoUrl" controls>

          Your browser does not support the audio element.

        </audio>

       </div>

       

script代码：

show(index) {

  this.testMod = true

  this.audioInfo.audioName = this.policeData[index].fileName

  var id = this.policeData[index].policeWhistleFile

  this.videoUrl = '/api/alarm/policewhistlefile/mic/' + id

  var voiceInfo = document.getElementById('sound')

  voiceInfo.load()

  voiceInfo.addEventListener('loadedmetadata', () => {

    this.audioInfo.audioTime = parseInt(voiceInfo.duration)

  })

  voiceInfo.addEventListener('canplay', () => {

    // this.audioInfo.audioTime = parseInt(player.duration)

    voiceInfo.play()

  })

}

报错图片：

真的只是因为音频类型错误吗？我播放的是mp3格式的。
如果是音频错误那么win10下的IE11为什么都可以播放，我不知道是代码问题，还是兼容性问题，请有经验的同学看看这个问题。