jquery - 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>');
});