WordPress.org

Support

Support » How-To and Troubleshooting » Core Media Player – Stop Space Bar From Stopping And Starting Audio?

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

  • joshuacls
    Member

    @joshuacls

    Hi. I just upgraded to wordpress 3.8.1 from a much older version, and had to change my audio player, from a plugin I was happy with, but is no longer supported. The best solution I have found was the built in core media player (3.6?) — as far as looks, and function.

    Unfortunately, there’s a problem with it. Space bar starts and stops the Audio, and you can not turn this feature off!

    I’ve searched high and low, and cannot seem to find a solution to this.

    I’m in the audio production business, and have an OLARK chat box on my site, that customers routinely go through audio samples, and chat with me about them through.

    The problem is — if they try to type in the box, while listening to the samples, the space bar toggles the media player on and off — and they can’t type a space! This is very annoying, and I have not been able to find a work around.

    The only instance where customers need to type is this chat box, so if there’s a known individual work around for that I’m open to it.

    Here’s my site: http://www.ursamajorsound.com

    Thanks in advance for your help!

Viewing 15 replies - 1 through 15 (of 31 total)
  • Evan Herman
    Participant

    @eherman24

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

    What browser are you running?

    joshuacls
    Member

    @joshuacls

    Evan, it’s once a song has already started playing. Tested on both Safari & Chrome.

    http://www.ursamajorsound.com/samples has live audio. Start a track, then hit the space bar and you’ll see what I’m talking about.

    Evan Herman
    Participant

    @eherman24

    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.

    joshuacls
    Member

    @joshuacls

    Odd. I’ve had 2 clients complain about it this morning already, and was recreating the issue myself.

    Any one have an idea on how to override or bypass it?

    Evan Herman
    Participant

    @eherman24

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

    Evan Herman
    Participant

    @eherman24

    You can also take a look here to confirm.

    and this stackoverflow thread that may help you

    joshuacls
    Member

    @joshuacls

    Again, my issue is with clients clicking play, and then going and typing in the chat box. Even after clicking in the chat box, spacebar still turns the player on and off.

    Telling my customers to click elsewhere and then back in the chat is annoying, and comes across as unprofessional.

    There has to be a way to completely disable the space bar controlling the player, as this was how it worked with the old plugin player I had previously.

    Evan Herman
    Participant

    @eherman24

    I understand it comes across as annoying and unprofessional. But what I’m saying is that is a default chrome behavior, and probably more of an issue with the core code of WordPress.

    Another reference to it

    I would reach out to a core developer in IRC or through twitter. I’m sure they may have a better fix.

    Evan Herman
    Participant

    @eherman24

    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…

    joshuacls
    Member

    @joshuacls

    Would that go in functions.php? I’m not a code guy (outside of html) — at all.

    Evan Herman
    Participant

    @eherman24

    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.

    joshuacls
    Member

    @joshuacls

    Yeah, no dice man. I appreciate your help BTW.

    Evan Herman
    Participant

    @eherman24

    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.

    joshuacls
    Member

    @joshuacls

    Should be updated, though I’m seeing no change.

    Evan Herman
    Participant

    @eherman24

    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');

Viewing 15 replies - 1 through 15 (of 31 total)
  • The topic ‘Core Media Player – Stop Space Bar From Stopping And Starting Audio?’ is closed to new replies.