Core Media Player – Stop Space Bar From Stopping And Starting Audio?

For me, spacebar moves me down the page. The audio doesn’t start and stop when hitting space.

What browser are you running?

Yea I know what you mean, because YouTube implements the same features. I wasn’t able to replicate it, I tested it out in chrome.

If you click play, and then click somewhere else on the page, and then click space bar that bug wont happen. If you click play, and immediately click space bar, yes that is going to happen.

That also happens with any buttons or links on the page as well. Try clicking a button on your site, and then hitting space bar. You’ll click the button again. It’s just the nature of some browsers.

Try out my suggestions above and you’ll see what I mean.

The only solution I can conjur up, is writing a custom javascript function that fires after the play button is clicked, which would then remove focus of the playbutton using .blur. Maybe something like this:

$(document).ready(function() {
    $('.mejs-play').click(function() {
        this.blur();
    });
});

I’m not %100 sure tho.

I’d like to think this would work…

This would go inside of functions.php inside of a custom php function that would load that javascript function into the head. Something like:

function remove_playbutton_focus() {
?>
<script>
jQuery(document).ready(function() {
    jQuery('.mejs-play').click(function() {
        this.blur();
    });
});
</script>
<?php
}
add_action('wp_head','remove_playbutton_focus');

Note: I’ve changed the $ to jQuery, which is the jQuery no conflict wrapper. WordPress loads jQuery in no conflict by default, as to not conflict with other javascript libraries (prototype and many more). Not important really, just a tid bit of info.

No problem. Let me keep thinking. I believe that’s the best way. Maybe we just need to adjust something. Can you change this.blur(); to alert(‘test’);

just to confirm that when the button is pressed the function is firing.

It could also very well be that the button is inside of the anchor tag, and we were trying to remove focus of the anchor when infact the button was focused.

Try this possibly:

function remove_playbutton_focus() {
?>
<script>
jQuery(document).ready(function() {
       jQuery('.mejs-play > button').click(function() {
         setTimeout(function() {
         this.blur();
        },800);
     });
});
</script>
<?php
}
add_action('wp_head','remove_playbutton_focus');