media element.js音频设置在firefox中失败,在其他地方都可以使用

时间:2013-08-20 15:10:21

标签: firefox audio mediaelement.js

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

1 个答案:

答案 0 :(得分: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>元素中提供不同的编解码器选项。