Written by Admin on 2025-05-06

How to Remove Audio Download in WordPress using CSS

If you're running a WordPress website that includes audio files, you may want to restrict your visitors from downloading them. By default, WordPress allows users to download audio files by right-clicking on the media player and selecting "Save As." However, with CSS, you can easily remove this option.

Here's how to remove audio download using CSS in WordPress:

1. First, log in to your WordPress dashboard and navigate to Appearance > Customize.
2. Select the "Additional CSS" tab on the left-hand menu.
3. In the CSS editor, add the following code:

css audio::-webkit-media-controls-enclosure { display:none !important; height: 0 !important; width: 0 !important; }

4. Save your changes and refresh the page.
5. The "Save As" option should now be removed from the media player.

This code works by hiding the entire media player controls enclosure, thus removing the download option altogether. However, it's important to note that this method may not work for all browsers and devices. Users may still be able to download the audio file through different means.

If you're concerned about protecting your audio files, you may want to consider restricting access to them or using a plugin that provides more advanced security features.

In conclusion, removing the audio download option in WordPress using CSS is a simple and effective way to protect your content. By following these steps, you can easily disable the "Save As" option from your media player and better control how your audio files are accessed on your website.