小编Dha*_*ana的帖子

Jplayer播放列表 - 单击播放按钮需要动态添加歌曲并在播放器中播放歌曲并切换播放按钮以暂停按钮

  • 歌曲1播放按钮
  • 歌曲2播放按钮
  • 歌曲3播放按钮

当我点击song1播放按钮时,我将使用ajax作为json动态获取歌曲细节并立即在jplayer播放歌曲,其中播放/暂停下一个,之前的控件正常工作.

但是song1中的播放按钮没有改变为暂停按钮仍然作为播放按钮.

我需要将播放按钮更改为暂停按钮.如果我播放任何其他歌曲说song2,song2播放按钮应该切换到暂停按钮,当前播放的歌曲应该停止播放.请看一下线框.

线框

function UnitPlay(ele){
    var unit_id = $(ele).attr('data-song-id');
    $.ajax({
        url: "/get_song_details",
        dataType: 'json',
        data: {
            song_id: song_id,
        },
        success: function(msg) {
            var songs = msg['song_list'];
            play_song(songs);
        }
    });
};

function play_song(songs) {

        var myPlaylist = new jPlayerPlaylist({
            jPlayer: "#jquery_jplayer_1",
            cssSelectorAncestor: "#jp_container_1",
            }, [
                {
                    title:"",
                    artist:"",
                    mp3:"",
                    oga:"",
                    poster: ""
                }
            ],
            {
            swfPath: "../../dist/jplayer",
            supplied: "oga, mp3",
            wmode: "window",
            useStateClassSkin: true,=
            playlistOptions: {
                autoPlay: true,
                displayTime: "fast",
            },
        }); // end jplayer initiate

        myPlaylist.setPlaylist(songs);

        $("#jquery_jplayer_1").on( …
Run Code Online (Sandbox Code Playgroud)

jquery jplayer

7
推荐指数
1
解决办法
362
查看次数

标签 统计

jplayer ×1

jquery ×1