音频文件无法播放？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为什么都可以播放，我不知道是代码问题，还是兼容性问题，请有经验的同学看看这个问题。

Answer 1

在 head 里启用 edge 渲染模式。

Answer 2

audio 标签中 src 前面为何加 ： ？
F12-仿真-文档格式调为Edge 试试