media element.js 音频设置在 Firefox 中失败，在其他任何地方都可以使用答案

【问题标题】：media element.js audio setup fails in firefox, works everywhere elsemedia element.js 音频设置在 Firefox 中失败，在其他任何地方都可以使用
【发布时间】：2013-08-20 15:10:20
【问题描述】：

我正在使用媒体元素播放一些音频。我的设置适用于除 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>

【问题讨论】：

标签： firefox audio mediaelement.js

【解决方案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> 元素中提供不同的编解码器选项。

【讨论】：