我有一个来自数据库的音频文件列表。他们点击该行后开始播放。现在我想在页面加载后自动播放第一个音频文件。一切都很好,但Jquery Player没有初始化或任何其他问题。任何身体都可以帮助我。
function playAudioFile(objid,title,filePath)
{
speaker_id = "speaker_"+objid;
rowid = "rowid_"+objid;
$('.datagridtable tr').removeClass('current_playing');
$('.black_speaker').removeClass('black_speaker');
$('#'+rowid).addClass("current_playing");
$('#'+speaker_id).addClass("black_speaker");
$('#jquery_jplayer').jPlayer('setFile', filePath).jPlayer('play');
$('#jplayer_playlist ul li').html(title);
showPauseBtn();
}
$(document).ready(function() {
playAudioFile('12','abasdfasdf','pathtofile')
});
a)FileBug没有给出任何错误。
b)我确定问题出在jplayer初始化但不知道如何处理它。
这是演示网址http://webcartz.stagetesting.com/playlist
由于
答案 0 :(得分:0)
您已将playAudioFile();
置于$(document).ready()
内,这是问题,因为播放器尚未就绪,无法满足您的要求。
在文档中似乎没有自动播放功能,但根据http://jplayer.org/latest/developer-guide/#jPlayer-constructor-event-handlers您需要做的是使用ready
事件。
这可能在player.js
中$("#jquery_jplayer").jPlayer({
ready: function ()
{
//////////////////////////////////////
//
// ADD HERE CODE TO PLAY THE FIRST
// ITEM IN THE PLAYLIST
//
//////////////////////////////////////
showPauseBtn();
},
ativeSupport: true, oggSupport: false, customCssIds: true, swfPath:'jPlayer/'
})