• Skip to main content
  • Sitemap
  • Chrome
  • WINYTIPS

Techknowl.com Blog: Free software reviews, downloads and Tech tips

At Techknowl.com we make it easy for you to find useful software for your Windows, Mac or Linux computers. We also provide tips on Blogger, Wordpress, social media services, SEO and useful Web apps.

Add MP3 player in in Blogger, WordPress blog or your HTML website

Last updated September 19, 2019

Most of the embedded music players that we see in web are are  based on JavaScript and Flash (SWF). We need to encode the required music and video into MP3 and FLV formats to play them online. Also it requires the latest version of Adobe Flash player for online streaming. So if you are running a personal blog or something related with music or video, it would be much better if you can add music stream to your website. Here we have two methods for creating and MP3 music player for your  WordPress- Blogger or blog . These players could also be used with Myspace, Orkut and other social  networking profiles as scraps or messages .

Add MP3 audio player in Blogger or WordPress website

The following is the standard HTML code for audio embeds. You can use the audio files uploaded to your website or MP3 from external sites.

<audio controls=”controls”>
<source src=”YourMusicURL.mp3” type=”audio/mpeg” />
Sorry, your browser do not support the audio player. Please update
</audio>

 

Create a new page or post in your Blogger or WordPress blog  including the above code and publish. The above code works on all browsers which support HTML 5. You can download Chrome or Firefox for this to work.
Sorry, your browser do not support the audio player. Please update
This is how you the HTML 5 web player looks on any website. If your browser do not have HTML 5 support, then the unsupported message appears.

If you plan on posting many MP3 clips in your blog (Blogger) , put the code into your post template by moving on to Settings>Formatting. Remember to edit the MP3 URL (in bold letters ) with your music link .

Hope you will enjoy these simpler embedded web music players. Check for the related posts in this page if you want to create playlists and add multiple music files to your web player.

Reader Interactions

Comments

  1. lea says

    how do you make it autoplay?

  2. Anonymous says

    how do make the play start automatically

  3. Mike says

    Hi, goto and search the music, click on listen and embed the code. Its easy.

  4. tom says

    hey thanks i got it working but how do you change the mp3 file

    i’ll keep trying but thanks

  5. telugu songs free download says

    thanks for the code and after integrating into blog it’s working fine. I think its taking more time for the blog to load. is this due to Flash Mp3 player..?

  6. free tutorials says

    Hey thanks a lot for sharing such a nice and informative article. really a very nice and detailed review……………Thanks a lot

  7. maryanne says

    I usually don’t comment on websites but this one is so relevant and well put together that I just had to stop and say,GREAT WEBSITE.

  8. kiril says

    здравейте бих искал да попитам как да си кача флаш плеар в сайта си надявам се някои да ми помогне предварително мерси скюпе за връзка с мен dike.y

  9. Xperio says

    this is nice post… mp3 player will be awesome in blog

  10. modified cars says

    thanks for sharing and enjoyed installing on my blog. i think it is taking time to load the page after installing this player.

  11. emsmostoralata says

    hey man were can i get the songs frm any web site plz help thnks 🙂

  12. hailong says

    Can you tell me what part of the code I need to change so I can insert my own music. Thank you.

  13. Macdara says

    This is very good and simple to set up. Is it possible to have a multi-track player?
    Maybe you can find something that does that?

  14. Encryption Softwares : says

    i just wish that mp3 players could also have some 10 band equalizers and bass boost functions:’:

  15. rock says

    guys can any body give me the code in copy paste format that also when the user want it he will start the music i am a student and learning physics as my core subject and is not intrested in computers but we ahve this tedeous subject compulsary so any body can u hlp me
    if yes send the code to me at :rinkeshkurkure@hotmail.com or rinkeshkurkure@gmx.us
    thanking u

  16. Norm DeCarlo says

    Thank you so much for designing exactly what I was searching for. A clean simple listening device for my band’s web site that was a snap to install and works perfectly. Thank you.

  17. viki says

    how can i add my music file in too this code, plz can some body help me to how can i put my music file?

  18. Andreas says

    autoplay ? loop? volume?

  19. aviGill says

    Million thanks for it 🙂

  20. mahmoudi says

    hellow brother thanks for code

  21. kay says

    how to make it autoplay?

  22. Andkon says

    This is a great code but i the screenshot of your player is too large to put in my website. I need a bit smaller with stop and play button. About w20xh20 pixel will do! Thanks for the info!

  23. A says

    Not workiiiing

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

© 2022 · Techknowl