Jquery Firefox上的HTML5音频有问题

提前感谢您抽出时间阅读我的问题

我正在构建一个将HTML5音频与jQuery集成的应用程序。在Chrome上，它可以播放！在Firefox上，它没有

我有.mp3和.ogg两个文件，并按如下方式编写了音频标签：

<audio id="drop-sound">
    <source src="music/water-droplet-1.mp3" type="audio/mp3" />
    <source src="music/water-droplet-1.ogg" type="audio/ogg" />
</audio>

//drop sound
var audioDrop = $('#drop-sound')[0];

//play drop
audioDrop.play();

---

任何帮助都将不胜感激

我有一些想法可以帮你解决这个问题

第一个是将音频标记更改为如下所示

<audio id="drop-sound">
  <source src="music/water-droplet-1.ogg" type="audio/ogg" />
  <source src="music/water-droplet-1.mp3" type="audio/mpeg" />
    Your browser does not support the audio element.
</audio>

这比设置一个变量然后告诉它播放要快

---

最后一件事是检查服务器是否发送了正确的MIME类型。这里有一个解释

谢谢你的建议。我尽了最大的努力来正确地实现它，但我无法让它工作。我现在使用的是.wav，而不是.ogg，而且效果很好。

document.getElementById('drop-sound').play();