如何使用jQuery在jPlayer中删除当前播放列表并添加新的播放列表

时间:2019-04-11 12:25:44

标签: javascript jquery jplayer playlist audio-player

我有多个窗口,每个窗口上都有多个艺术家和一个播放按钮。如果我们单击播放按钮,我将使用jPlayer皮肤播放歌曲。现在,假设用户在第一个屏幕上并单击播放,开始播放歌曲,我也可以看到播放列表。但是用户切换到下一个屏幕,然后有另一组播放列表,如果用户单击那里的播放按钮,我要删除的是上一个播放列表并加载当前播放列表的歌曲。

这是我所做的:

var myPlayList;
$("#play").on("click",function(){
    jplayercall(SongsList);
});

function jplayercall(SongsList){
    var jplayerId = "";
    var jcontainer = "";

    var jplayerId = $("#jquery_jplayer_1");
    var jcontainer = "#jp_container_1";

    myPlaylist=new jPlayerPlaylist({
      jPlayer: jplayerId,
      cssSelectorAncestor: jcontainer
    },track_inside,
    {
        playlistOptions: { autoPlay:true},
        swfPath: "jplayer",
        supplied: "m4a",
        wmode: "window",
        useStateClassSkin: true,
        autoBlur: false,
        smoothPlayBar: true,
        keyEnabled: true
    });    
}

每次都会正确加载并播放第一个播放列表,但是在第二次选择并单击播放时,播放列表会消失,但会继续从第一个播放列表中唱歌,并且不会加载第二个播放列表。

0 个答案:

没有答案