mediaelement.js音频设置在firefox中失败，在其他任何地方都有效

Question

我正在使用media元素播放一些音频。我的设置适用于除firefox之外的所有应用程序，我似乎不明白为什么。

非常感谢你在这方面的帮助。

以下是我如何设置的：

<div id="audio-container">    
    <audio id="player2" src="audio/budget_1.mp3" type="audio/mp3" controls="controls"    preload="auto">        
    </audio>
</div>

<script>
$('audio,video').mediaelementplayer({
    success: function (mediaElement, domObject) { 
        mediaElement.play();
        mediaElement.addEventListener('ended', function (e) {
            if ($("#main-container").hasClass("intro")) {
                $("#modal-fader").fadeOut(300);
                $("#modal-wrapper").animate({
                    marginTop: -412
               }, 300);
                mediaElement.setSrc("audio/budget_2.mp3");
                setTimeout(function () {
                    mediaElement.play();
                },1000);
                $("#main-container").removeClass("intro");
            } else {
                $("#cover").css({
                    display:"none"
                });
                $("#modal-closer").css({display:"block"});
            }
        }, true);
    }
});
</script>

Answer 1

Firefox本机不支持MP3。为了让它发挥作用，你必须：

• 安装第三方解码器（通常适用于OSX、Windows，通常不适用于Linux/BSD）
• 有一个足够新的Firefox版本，带来上述平台支持。IIRC，当前的Firefox发布版本（Firefox 23）不支持在Windows 7以外的平台上播放，可能还有Windows Vista和Android。未来的版本将启用XP、OSX和*nix（gstreamer）

您可以在当前的Firefox版本中使用opus、ogg或wav编解码器。请参阅<source>，了解如何在单个<audio>元素中提供不同的编解码器选项。