HELP- Trying to get jPlayer to use space bar as play/pause button.

[E-bot]

HI, I'm trying to get jPlayer to use the code that I came up with to use the space bar as a play/pause toggle button.  It works in jsfiddle, and you can see that here->  http://jsfiddle.net/Q4LMV/10197/  but it won't seem to work on my website here->  http://tamarackslumberjacks.com/ .  Any ideas??   

[E-bot]

Has anyone tried to use the space-bar to play/pause before??

[Mark Panaghiston]

Your fiddle does not work. The code:
   event.preventDefault();
Should be:
   e.preventDefault();
Since the function constructor looks like:
   window.onkeydown=function(e){

Plus, I'd need to double check that preventDefault() is a DOM command. I only use it through jQuery.

You should also consider using jQuery to perform the key function. The code looks like:

    $(document.documentElement).keydown(function(event) {
        event.preventDefault();
        if(event.which === 32) {
            if($("#jquery_jplayer_1").data("jPlayer").status.paused) {
               $("#jquery_jplayer_1").jPlayer("play");
            } else {
               $("#jquery_jplayer_1").jPlayer("pause");
            }
        }
    });

[E-bot]

Hi Mark,

It doesn't appear that the jQuery code work either.  I assume that I can put the code in the head section of the html file I want it to work on.

[Mark Panaghiston]

Works for me:
http://jsfiddle.net/G7jK5/

[E-bot]

The fiddle works for me too, but I can't find a place in the website to drop the code into and replicate the same result as  the fiddle.  I've tried putting it in the header between scripts tags, and appending the function into js files.  Not sure what else to try.

[Mark Panaghiston]

You have included jQuery twice. This corrupts jQuery.