使用jQuery跨浏览器音频功能障碍

Question

我有一个有点令人困惑的问题。我正在使用jQuery在页面的一部分上播放鼠标上的声音。在本地测试脚本时，它在我正在测试的所有浏览器（Firefox，Chrome和Safari）上都能正常工作，但是当脚本上传到服务器时，声音只能在Chrome中播放。

可能导致此问题的原因是什么？

我重新上传了所有文件但仍有同样的问题。

我正在使用的代码块在下面，以防它有帮助。谢谢你的任何建议！

$("myElement").mouseenter(function playSound() {
$("#soundSpan").add("<audio autoplay='autoplay' preload='auto'> 
<source src='myAudio.mp3'/></audio>");
    });

Answer 1

请尝试将type属性添加到您的标记中，同时，我删除了回调内部函数的名称，它将在没有它的情况下工作

http://www.w3schools.com/html5/tag_audio.asp

$("myElement").mouseenter(function() {
    $("#soundSpan").add('<audio autoplay="autoplay" preload="auto"><source src="myAudio.mp3" type="audio/mp3"/></audio>');
});