当我点击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)