如何在firefox,opera和IE上使用jPlayer?

时间:2012-10-14 15:38:20

标签: jquery jquery-plugins jplayer

我正在使用jplayer 2.1.0。我有4个浏览器chrome 22,opera 12,IE9和mozilla firefox 15,所有这些都是2012年10月的最新浏览器。我的播放器在chrome中运行但在所有其他浏览器中都失败了。我现在不使用闪存,所以只依靠HTML5。这是代码。

$(document).ready(function(){
            $("#jquery_jplayer_1").jPlayer({
                ready: function () {
                    var url;
                    $('.singles').click(function(event){
                        var x = event.target;
                        url = "http://localhost:8080/WebApplication1/songs/"+x.innerHTML;
                        $("#jquery_jplayer_1").jPlayer("setMedia",{
                            mp3: url
                        }).jPlayer("play");
                    });
                },
                swfPath: "/js",
                supplied: "mp3, oga"
            });
        });

我直接在url中使用文件路径..这是一种不好的做法吗? 我应该通过服务器发送mp3文件吗?喜欢设置内容类型和所有内容吗?对不起,如果愚蠢,因为我自己感到愚蠢

1 个答案:

答案 0 :(得分:1)

请参阅以下网址并下载资源,然后根据您的需要进行修改  http://www.script-tutorials.com/how-to-play-audio-video-using-jplayer/

由于firefox和opera不播放mp3文件,因此请按如下方式修改jquery调用

$(document).ready(function(){
$("#jquery_jplayer_1").jPlayer({
    ready: function () {
        $(this).jPlayer("setMedia", {
            mp3: "media/track.mp3",
            oga: "media/track.ogg"
        }).jPlayer("play");
    },
    ended: function (event) {
        $(this).jPlayer("play");
    },
    swfPath:"/swf",
    supplied: "mp3,oga",
    solution:"html,flash",
    wmode:"window"  
}); 
});

然后在媒体文件夹中添加相同mp3轨道的ogg文件。使用任何转换器将mp3文件转换为ogg格式。