jPlayer не воспроизводит mp3 в Firefox - PullRequest
Новая
       1

jPlayer не воспроизводит mp3 в Firefox

3 голосов
/ 24 ноября 2011

Я интегрирую jplayer для воспроизведения набора mp3-файлов, запускаемых событием щелчка, с использованием jQuery.Код, используемый для достижения этой цели: 

$('.play-link').click(function() {
    $("#jquery_jplayer_1").jPlayer("destroy");
        srcFile = $(this).attr('href');
        $("#jquery_jplayer_1").jPlayer({
        ready: function (event) {
            $(this).jPlayer("setMedia", {
            mp3:srcFile
            }).jPlayer("play");
        },
        swfPath: "http://www.mydomain.co.uk/swf/Jplayer.swf",
        supplied: "mp3",
        wmode: "window"
    });
return false;
});

srcFile устанавливается из ссылки, по которой щелкнули ссылки.

Все это прекрасно работает в различных версиях IE и Chrome, но нев Firefox.Используя Firebug, swf загружается в браузер, поэтому swfPath выглядит правильно, но ничего не происходит, когда проигрыватель инициализируется.

Кто-нибудь может пролить свет на то, почему это не будет работать только в Firefox??

Спасибо

Ответы [ 2 ]

2 голосов
/ 05 июля 2012

MP3-файлы не поддерживаются Firefox, и поэтому jPlayer не будет воспроизводить их во время работы в браузере FF.

Вы должны иметь аудио-файлы .ogg, чтобы jPlayer мог работать в Firefox. Ниже приведен список браузеров и соответствующих им файлов: 

HTML5 browsers and their supported audio file formats:

Firefox (OSX, Win): WEBMA, OGA
Safari (OSX, Win): MP3, M4A
Mobile Safari iOS4 (iPad, iPhone, iPod): MP3, M4A
Opera (OSX, Win): WEBMA, OGA
Chrome (OSX, Win): WEBMA, OGA, MP3, M4A
IE9 (Win): MP3, M4A (Can install the WebM codec.)
0 голосов
/ 20 мая 2013

Установить атрибут «решение». Сделайте его совместимым с IE9. 

var player = $("#jquery_jplayer_1").jPlayer({        
    ready: function (event) {
        $(this).jPlayer("setMedia", {
            mp3:srcFile
        }).jPlayer("play");
    },
    swfPath: "http://www.mydomain.co.uk/swf/Jplayer.swf",
    supplied: "mp3",
    wmode: "window",
    solution: navigator.userAgent.indexOf("Trident/5")>-1 ? "flash" : "html,flash"
});
...