[How To] Easily Embed MP3 File Into A WordPress Blog Post

June 1st, 2010 | 2 Comments | Posted in Wordpress by bharath

Embed Mp3 into WordPress post

This tutorial deals with how to embed a Mp3 audio file into a WordPress post so that it can be played right inside the post in players like Quicktime.This saves the time for your readers as they need not download the file to listen to it. Follow these simple steps to learn how you can do it.

Steps:

1. Star composing a new post by clicking on “Add New” under posts section. Next to Upload/Insert option, click on the music icon to add (upload) audio to the media library.

Upload audio file to the WordPress media library

2. Click on the Select Files and chose your audio (mp3) file and click Ok.

Add media files from your computer to the WordPress media library
Wait until the upload gets over. Copy the link URL to notepad.

Media file uploaded to WordPress library

3. Now go to back the post editor, and click on the small video file like icon (see in the screenshot). New “Insert / edit embedded media” popup will open.

Click on this to embed media into the WordPress post
Under the File/URL filed, enter the URL that you have just copied to the notepad in the previous step. You can now customize the Quciktime player by setting your preferred dimension (I had chosen 300 x 15 in the screenshot). You can preview the audio file by playing it under the “Preview” section.

insert_embedded_media

4. Now go to Advanced tab and uncheck “Auto play”. Auto play, if checked plays the audio file automatically when the page loads, many of us may not want this, hence it’s better to keep it unchecked. Click Insert to embed the audio file into the post.

Uncheck Auto play in embedded media settings

5. The audio file (mp3) will now be embedded into your post and this is how it looks like in your WYSIWYG editor.

Mp3 file embedded in WordPress post editor

6. Publish the post and you will now see the mp3 file embedded into the post as shown in the below screenshot:

Mp3 embedded into a WordPress post

Related Posts with Thumbnails

Leave a Reply 9956 views, 1 so far today |
Follow Discussion

2 Responses to “[How To] Easily Embed MP3 File Into A WordPress Blog Post”

  1. Edwin Says:

    Hello. Your tutorial is such a big help for me, thank you. Anyway, I have a question. I followed your instruction in one of my blogs, and after I clicked publish, I thought it would go just fine. But I was wrong. The quicktime icon showed up, but when click the file, it won’t play the file. Where I went wrong? I think I have followed the instructions carefully. Can you help me with this issue? Thanks in advance.
     
     
     

  2. Prashant Says:

    the small video file icon has been disabled by wordpress only….
     
    what is the other options????

Leave a Reply

 

  • FeedCount