Change audio player colors

  • Unknown's avatar
    tammylenski · Member ·

    Hello –

    Can anyone tell me the CSS for changing the standard WP audio player background and control colors?

    I’ve tried various .mejs and .wp-block-audio customizations I’ve found in older posts on this forum, to no avail (including using !important).

    Thanks.

    The blog I need help with is: (visible only to logged in users)

  • kokkieh · Staff ·

    Hi there,

    It’s not possible to style the audio player.

    When you embed an audio file on your site, it creates the HTML5 <audio> tag. That tag causes browsers to automatically create an audio player – the player is inserted by your browser itself, not by WordPress – and how it looks depends on the browser someone is using to view your site. If you look at your posts in Firefox vs Chrome vs Safari you’ll see the player looks different in each one.

    Currently there is no way to modify the appearance of that player. This is a restriction of HTML itself, not of WordPress, and you’ll run into this on any website where you embed audio files using the <audio> HTML tag.

    Aside: Your Business Plan gives you access to 24/7 live chat support, including for CSS modifications to your site, so you don’t need to post in the public support forums for help.

    https://wordpress.com/help/contact

  • Unknown's avatar
    tammylenski · Member ·

    Thanks, kokkieh.

  • The topic ‘Change audio player colors’ is closed to new replies.