Remove WordPress audio player Download button added by Chrome

Please provide a link to a page on your site where we can see this. Thanks. Note: Your link will be public and we will not later remove it.

Hi Steve, Thank you for your quick reply.
Here’s a perfect example at WordPress.com/support/… You’ll see the WordPress audio player at the top of the page. Looking at it in Chrome, you’ll see three horizontal dots on the right that open to a Download button. Then looking at it in Firefox or Edge, there are no dots, no download button. You’ll also see that the color changes.
I want to know how to block/prevent/band/whatever Chrome from adding/overlaying this download button on my sites globally or by post/page.
Your help is much appreciated.
Brad

This is not a WordPress thing; it’s something Chrome adds to the HTML5 audio player. I suggest asking in one of the various Chrome support forums.

https://www.google.com/search?q=chrome+disable+download+link+audio+player

About your link, I already found all that. None provide a fix.
Thank you for your reply.

Here’s the fix.

Add this controlsList="nodownload as shown below.

<figure class="wp-block-audio alignright"><audio controls src="https://www.YOUR-WEBSITE.com/wp-content/uploads/YOUR-MUSIC.mp3" controlsList="nodownload"></audio></figure>

The editor will then prompt you to convert to an HTML block. You can do this before adding the code if you want.

• This reply was modified 4 years, 6 months ago by BX12.

Thanks for sharing!

Steve, Absolutely.

To disable and prevent right-click download, add this to the post/page’s “Body Scripts” section.

<script>
(function($){
  $(document).on('contextmenu', 'audio', function() {
      return false;
  })
})(jQuery);
</script>

Awesome! Just what I was looking for. Thanks for sharing the solution @b-p.

@candicer.
??
Brad @b-p