Can't change song in jPlayer after setting media

Question

I have some jQuery working that starts a jPlayer playing an MP3 as shown below

$("#jquery_jplayer_1").jPlayer({
        ready: function () { 
          $(this).jPlayer("setMedia", { 
            mp3: mp3_url

          });
          $(this).jPlayer("play", 0);
        },
        swfPath: "/js",
        supplied: "mp3",

      });

This works fine. But when I try to change the song to another mp3 I can't. I run the same function but with a different mp3_url to no avail. I know the function is being called and that the arguments are being passed correctly. It is getting inside the function (tested with alert();) but don't know why it won't change the song?

Any help would be much appreciated.

Thanks

u need tu use the detroy or clearmedia before setting the new 1 .. — Shoaib Ahmed, Apr 13 '12 at 04:55

score 4 · Answer 1 · edited Oct 06 '13 at 01:47

4

Just like this:

$("#jquery_jplayer_1").jPlayer("destroy");

Jplayer('destroy') documentation

edited Oct 06 '13 at 01:47

Kevin Beal

10,500
12
66
92

answered Apr 13 '12 at 05:02

Shoaib Ahmed

747
12
28

score 2 · Accepted Answer · answered Mar 19 '12 at 22:05

I solved the problem. Thanks for help anyway.

Here is the code

function updatePlayer(name, artist, guid){
        var player = $("#jquery_jplayer_1");

        player.jPlayer({
        ready: function () { 
          $(this).jPlayer("setMedia", { 
            mp3: guid

          }); 
          $(this).jPlayer("play", 0);
        },
        swfPath: "/js",
        supplied: "mp3",

      }); 
      player.jPlayer("setMedia", { 
            mp3: guid
          }); 
      player.jPlayer("play", 0);
    }

Can't change song in jPlayer after setting media

2 Answers2