I am using jqury jPlayer for audio files in my project. Earlier it was just fine but now all of a sudden it's just not working but throwing errors as:
- GET http://traffic.libsyn.com/vemsagenda/vemsagenda0.mp3 net::ERR_EMPTY_RESPONSE
- Uncaught (in promise) DOMException: Failed to load because no supported source was found.
- jPlayer 2.9.2 : id='jquery_jplayer_1' : Error!
It is not possible to play any media format provided in setMedia() on this browser using your current options.
Video or audio formats defined in the supplied option are missing.
Context: {supplied:'mp3'}
I am not getting idea as what is wrong all of a sudden. It was working just fine.
jsfiddle: https://jsfiddle.net/bxwkyhsb/12/
Code:
$('#jquery_jplayer_1').jPlayer({
ready: function () {
$(this).jPlayer('setMedia', {
mp3: '".$audio_link[$i]."'
});
},
play: function() { // To avoid multiple jPlayers playing together.
$(this).jPlayer('pauseOthers');
equal_height_pod();
},
swfPath: 'js',
wmode: 'window',
globalVolume: true,
smoothPlayBar: true,
keyEnabled: true,
preload: 'none',
errorAlerts: true,
warningAlerts: true
});
$('#jquery_jplayer_1').bind($.jPlayer.event.play, function() {
$('.jp-audio').removeClass('showcontainer').parent('figure').parent('.leftImg').parent('li').removeClass('titlewrap');
$('#jp_container_1').addClass('showcontainer').parent('figure').next('.introtitle').addClass('wrapintrotitle');
$('#jp_container_1').parent('figure').parent('.leftImg ').parent('li').addClass('titlewrap');
});
Any help/suggestions are welcome. Thanks in advance.