How to Add MP3 Audio Files in WordPress

Uploading audio and video files to WordPress using the Media Uploader is easy. Even though the media uploader recognizes these files and display appropriate file-type icons next to them, WordPress does not have a media player that can play these files. You can use a third party platform like SoundCloud to embed audio, but the goal of this article is to allow you to upload audio files using the default media uploader and embed them into a post or page. In this article, we will show you how to add MP3 audio files in WordPress using oEmbed.

MP3 and Ogg Audio Files Embed in WordPress

Firstly, you need to install and activate oEmbed HTML5 audio plugin. After activating the plugin, go to the post or page where you want to add audio file.

Click on Add Media button to upload audio file from your computer. You can upload files in mp3, ogg, and wav formats. Once you have uploaded the file, copy file location and paste raw URL in your post.

Copy File Location in Media Uploader

The plugin will use HTML5 audio tag to automatically embed audio file from your URL. While using this method, you will notice that the media player for ogg and mp3 files looks different in Firefox. Currently, Firefox does not support oEmbed HTML5 audio for MP3 files so the plugin falls back to a flash player instead of HTML5 when it detects Firefox. With the flash fallback, this method works for most browsers and platforms.

We hope you found this article useful. If you are using some other solution to embed audio files on your site please share it with us in the comments below.