How To Embed MP3 Flash Player In WordPress Post (Or Elsewhere)

Please note this code no longer works, as google has discontinued the audio player it calls. I am looking to find the best alternative method to embed mp3 in a wp post. When I do I’ll update this post again.

Want to let users play an .mp3 file you created right inside your WordPress blog post? Don’t want to try to find a plugin that works consistently? Luckily, it’s very easy. Just copy/paste this embed code and change the url to your url (plus any other options such as width and height, if you want). It’s that simple.

<embed type="application/x-shockwave-flash" src="http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=http://www.YOURDOMAIN.com/YOURMP3FILE.mp3" width="400" height="27" allowscriptaccess="never" quality="best" bgcolor="#ffffff" wmode="window" flashvars="playerMode=embedded" />

The player looks like this (image only, not a working player):

This code should work on any web page, not just WordPress blog posts, but it’s usually harder to find ways to handle embedding media in a blog post than it is elsewhere, so that’s why I emphasized it here.


Find this post ueseful? Consider adding to my coffee fund...



Your Email Address :




***
If you are the first to "discover" any of my posts in StumbleUpon, one of the following categories would probably be the most appropriate to place it into. You don't have to choose one of these, of course, but based on what I usually write about, there's a good chance any of my posts will fall into one of these categories.

Computers * Computer Graphics * Computer Hardware * Computer Security * Databases * Internet * Internet Tools * Linux/Unix * Web development * Weblogs(Blogs) * Windows
Share and Enjoy:
  • StumbleUpon
  • Digg
  • del.icio.us
  • Twitter
  • Sphinn
  • Facebook
  • Google Bookmarks
  • Yahoo! Buzz
  • Reddit
  • Diigo
  • FriendFeed

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.


bookmark digg this reddit this stumble this bookmark bookmark bookmark bookmark fave this furl this fark this sphinn this tweet this bookmark mixx this
    • No Related Post
tabs-top


28 Comments »

  1. Bagel Says:

    Hey man thanks for the hint. But I’m sorry to say that it doesn’t work for my wordpress. Do you have any suggestion? thank you

    comment-bottom
  2. WebChicklet Says:

    Sorry, any time I mention WordPress I’m generally referring to self-hosted WordPress and not something.wordpress.com type blogs. Those are very restrictive and much of what one can do with self-hosted blogs can’t be done with a wordpress.com blog.

    comment-bottom
  3. Sherry Says:

    I couldn’t get this working on my site. Explorer gives a little empty film icon and firefox shows the controls, but the file doesn’t play.???

    comment-bottom
  4. Works fine with Firefox but not IE
    I just get the little faded Q a quicktime icon
    and it doesn’t actually do anything either.
    Please let me know if you find a fix for that.
    I suspect there is no easy way out here.

    comment-bottom
  5. WebChicklet Says:

    Not sure what’s changed but I’ll look into it and see if I can find a solution.

    comment-bottom
  6. Kevin Says:

    Thanks, this worked instantly on my WP site. Unlike this, which still refuses to work properly.

    comment-bottom
  7. Lorraine Says:

    I have the same problem as Roger. The player works great in Firefox but IE 7 only shows the fade Q for Quicktime.

    Any progress or thoughts why this is happening?

    comment-bottom
  8. WebChicklet Says:

    It just doesn’t work in IE anymore. Dont know why other than to say, “it’s IE, what’s new”. /sigh…

    comment-bottom
  9. Mike Says:

    This worked perfectly on my WP web site.
    Going to use it a lot!
    Thanks

    comment-bottom
  10. Lorraine Says:

    Hey Mike – what’s your website so I can check it out!

    comment-bottom
  11. Sandy Says:

    Anything new on the IE issue? I love this cause it work better and easier than a plugin other than IE.

    Thx

    comment-bottom
  12. I’ve been trying to find out why the WP audio player isn’t working. It shows up in my plugins but missing the little icon that would be used to play. Any ideas? I see I’m not the only one with this problem. Is there another audio player that can be used on my wordpress blog?
    Audrey

    comment-bottom
  13. Lorraine Says:

    I’ve been using uAudio by Christopher O’Connell as an interim player.

    comment-bottom
  14. John Says:

    emmm…on my wordpress does not work…doesn’t appear. Nothing!
    what is wrong?

    comment-bottom
  15. John Says:

    Problem solved . Thanks

    comment-bottom
  16. lucky Says:

    thanks .working for me !!!

    comment-bottom
  17. Rickvv Says:

    Works great – make sure your path (to the URL) is spelled out correctly…

    comment-bottom
  18. To make this work in IE, simply add ‘&play=true’ after the URL (without the quotes), so it would look like this:

    ?audioUrl=http://www.YOURDOMAIN.com/YOURMP3FILE.mp3&play=true

    comment-bottom
  19. Wes Schaeffer Says:

    Sweet! I’m running this on the paid portion of my site but it worked like a charm as soon as I embedded the code.
    Many thanks!
    Wes

    comment-bottom
  20. This worked instantly and perfectly on my WP deployment. Thanks for the great code snippet! It could use some more customizable features…

    comment-bottom
  21. Mikey Bee Says:

    The old player I was using on one of my sites had stopped working so did a quick search on Google, found you and with DazzlinDonna’s IE fix everything is working again. Thanks so much!

    comment-bottom
  22. Ruben Says:

    Oh!!!! DazzlinDonna I LOVE YOU!!!! great research work! IT WORKED FOR ME ALLRIGHT!

    comment-bottom
  23. Ann Says:

    Your code is on point, it looks SO much nicer than what I had going before (the WPaudio plugin) — thanks for taking the time to put this out there.

    Enjoy a cup of coffee on me! (apowell77)

    comment-bottom
  24. WebChicklet Says:

    Glad you found it useful…..and thanks very much for the coffee(s)!

    comment-bottom
  25. Pat Says:

    Does this still work for WP 2.9.2?
    Thanks.

    comment-bottom
  26. Pat, it should work fine on any version of WP.

    comment-bottom
  27. Lorraine Says:

    I just checked and the player doesn’t work any longer. I’m using WP 2.9.2 as well. I know for sure it worked at one time.

    comment-bottom
  28. Thanks for the heads up on this. It turns out google has stopped offering the widget that ran this. I’ll do some digging and find an alternative method when time permits!

    comment-bottom

RSS feed for comments on this post. TrackBack URL

Leave a comment