[jPlayer] Pause / Stop buttons not working with multi-song MP3 player

[Simon Carr]

Hi.

First, I would like to say that jPlayer is pretty awesome! I am using
it on a musician website that I have created, but I'm having some
issues with the audio control.

Here is the page:
http://alanjacksonband.com/music/

The audio plays fine, but the pause / stop buttons do not seem to be
functional... For reference, I copied the code on this demo page as a
starting point (http://www.happyworm.com/jquery/jplayer/latest/
demo-02.htm)


I have modified the code to not require OGG files... I am using mp3s
only - and the code below was added for this:

nativeSupport: false,
oggSupport: false,
customCssIds: true,


So... Does anyone have any ideas why the pause / stop buttons don't
work but the skip track does?

Thanks!

-Simon

--
You received this message because you are subscribed to the Google Groups "jPlayer: the CSS styleable jQuery audio player plugin" group.
To post to this group, send email to jpl...@googlegroups.com.
To unsubscribe from this group, send email to jplayer+u...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/jplayer?hl=en.

[Jonathan2]

With my newbie eyes, I can't immediately see anything wrong with the
code.
What jumps out immediately is that when I click the js file you're
using:
http://alanjacksonband.com/wp-content/themes/AJB/js/jquery.jplayer.min1.js
It says:
* Version: 1.0.0
* Date: 18th February 2010

When I click the swf you're using:
http://alanjacksonband.com/wp-content/themes/AJB/js/Jplayer.swf
It says 1.1.0

Mark can correct me if I'm wrong, but I THINK people have had problems
mixing the two versions.

Try using the js file:
http://alanjacksonband.com/wp-content/themes/AJB/js/jquery.jplayer.min.js
which is
* Version: 1.1.0
* Date: 26th March 2010

And just double check you're not using example code from 1.0.0 with
flash from 1.1.0

Also, it can't hurt to use the latest jqeury. Replace:

http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js
with
http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js

Finally, just try temporarily commenting out references to the
Fancybox script, but again, I can't think why next/back would work and
play/stop wouldn't.
Worth a shot though - at least you'll know you're using the current
version of everything and not mixing!

BTW, nice site and tunes!

[Torben Rasmussen]

Well at first quick glanse i can see most of the controls is not
working, inc. the search bar, it seems like your using the default css
controls, but yet you have customCssIds: true, so i bet that is the
problem, also remove the lines with the #demo_status its only for the
demo page :)

Anyways, try settting the customCssIds: false, i need more coffee,
before further analyze, peace :)

[Simon Carr]

It was the customCssIds. Thanks guys!

[Sam Papai]

I am having the same trouble, although explicitly setting the
customCssIds to false did not fix it. The previous and next tracks are
working as expected, but none of the other controls respond at all.

I copied the jp-playlist-player HTML from the demo page. I've muddled
the javascript a bit due to my needs, but here are (what I think are)
the relevant bits (all enclosed in a $(document).ready() function:

$("#jquery_jplayer").jPlayer({
ready: function () {
this.element.jPlayer("onProgressChange", function(loadPercent,
playedPercentRelative, playedPercentAbsolute, playedTime, totalTime) {
jpPlayTime.text($.jPlayer.convertTime(playedTime));
jpTotalTime.text($.jPlayer.convertTime(totalTime));
});

},
swfPath: "http://localhost/acpa/",
volume: 50
});

And the controls HTML:

<ul class="jp-controls">
<li><a href="#" id="jplayer_play" class="jp-play" tabindex="1">play</
a></li>
<li><a href="#" id="jplayer_pause" class="jp-pause"
tabindex="1">pause</a></li>
<li><a href="#" id="jplayer_stop" class="jp-stop" tabindex="1">stop</
a></li>
<li><a href="#" id="jplayer_volume_min" class="jp-volume-min"
tabindex="1">min volume</a></li>
<li><a href="#" id="jplayer_volume_max" class="jp-volume-max"
tabindex="1">max volume</a></li>
<li><a href="#" id="jplayer_previous" class="jp-previous"
tabindex="1">previous</a></li>
<li><a href="#" id="jplayer_next" class="jp-next" tabindex="1">next</
a></li>
</ul>

So, I don't see any custom functions for the playlist player on the
demo page, and I didn't have to write any to get a single item version
working correctly, and I haven't touched the jquery.jplayer.js file,
and am using the precompiled jPlayer.swf, so I don't know where I'm
going wrong. I did add a couple of elements to the player interface as
part of my skin, but they are outside the controls list and shouldn't
be affecting it: everything is nested properly.

Any and all help is appreciated,
Sam

On Apr 16, 10:00 am, Simon Carr <carr.si...@gmail.com> wrote:
> It was the customCssIds. Thanks guys!
>
> On Apr 16, 4:27 am, Torben Rasmussen <froggiest...@gmail.com> wrote:
>
>
>
>
>
> > Well at first quick glanse i can see most of thecontrolsisnot
> >working, inc. the search bar, it seems like your using the default css
> >controls, but yet you have customCssIds: true, so i bet that is the
> > problem, also remove the lines with the #demo_status its only for the
> > demo page :)
>
> > Anyways, try settting the customCssIds: false, i need more coffee,
> > before further analyze, peace :)
>
> > On 16 Apr., 03:11, Simon Carr <carr.si...@gmail.com> wrote:
>
> > > Hi.
>
> > > First, I would like to say that jPlayer is pretty awesome! I am using
> > > it on a musician website that I have created, but I'm having some
> > > issues with the audio control.
>
> > > Here is the page:http://alanjacksonband.com/music/
>

> > > The audio plays fine, but the pause / stop buttons donotseem to be

> > > functional... For reference, I copied the code on this demo page as a
> > > starting point (http://www.happyworm.com/jquery/jplayer/latest/
> > > demo-02.htm)
>

> > > I have modified the code tonotrequire OGG files... I am using mp3s

[Sam Papai]

Also, I can write custom functions for a workaround (indeed, setting a
function triggered by the 'click' event on the pause button and stop
button work), but I don't really want to rewrite what I assume is
already written.

On May 29, 2:01 am, Sam Papai <sam.pa...@gmail.com> wrote:
> I am having the same trouble, although explicitly setting the

> customCssIds to false didnotfix it. The previous and next tracks areworkingas expected, but none of the other controls respond at all.

> demo page, and I didn't have to write any to get a single item versionworkingcorrectly, and I haven't touched the jquery.jplayer.js file,

> and am using the precompiled jPlayer.swf, so I don't know where I'm
> going wrong. I did add a couple of elements to the player interface as
> part of my skin, but they are outside the controls list and shouldn't
> be affecting it: everything is nested properly.
>
> Any and all help is appreciated,
> Sam
>
> On Apr 16, 10:00 am, Simon Carr <carr.si...@gmail.com> wrote:
>
>
>
> > It was the customCssIds. Thanks guys!
>
> > On Apr 16, 4:27 am, Torben Rasmussen <froggiest...@gmail.com> wrote:
>
> > > Well at first quick glanse i can see most of thecontrolsisnot
> > >working, inc. the search bar, it seems like your using the default css
> > >controls, but yet you have customCssIds: true, so i bet that is the
> > > problem, also remove the lines with the #demo_status its only for the
> > > demo page :)
>
> > > Anyways, try settting the customCssIds: false, i need more coffee,
> > > before further analyze, peace :)
>
> > > On 16 Apr., 03:11, Simon Carr <carr.si...@gmail.com> wrote:
>
> > > > Hi.
>
> > > > First, I would like to say that jPlayer is pretty awesome! I am using
> > > > it on a musician website that I have created, but I'm having some
> > > > issues with the audio control.
>
> > > > Here is the page:http://alanjacksonband.com/music/
>

> > > > The audio plays fine, but the pause /stopbuttons donotseem to be

> > > > functional... For reference, I copied the code on this demo page as a
> > > > starting point (http://www.happyworm.com/jquery/jplayer/latest/
> > > > demo-02.htm)
>
> > > > I have modified the code tonotrequire OGG files... I am using mp3s
> > > > only - and the code below was added for this:
>
> > > > nativeSupport: false,
> > > > oggSupport: false,
> > > > customCssIds: true,
>

> > > > So... Does anyone have any ideas why the pause /stopbuttons don't