Add Background Music to Your Web Site – MIDI files

MIDI files are one of the easiest ways to add background music to your web site. They are very small and load fast.

Steps on how to add a MIDI file

1. Add these few lines of code to your html page.

<embed src="yourmusicfile.mid" autostart="true" loop="true" width="2" height="0">
<bgsound src="yourmusicfile.mp3" loop="infinite">

This code is compatible with all versions of Internet Explorer, Netscape and Opera.

The width and height attribute used in the above code causes the player to be invisible.

If you do not want it to be invisible, you can specify your own dimensions to suit the design of your web site.

You can also use this code if you wish to use WAV or MP3 files.

2. Upload the MIDI file and your HTML web page to the server.

3. Turn on your speakers and check the sound.

That’s it!


For Opera and all Internet Explorer versions, the following code works:

<bgsound src="yourmusicfile.mid" loop="infinite">

For all versions of Netscape, and all versions of Internet Explorer you can use the following code:

<embed src="yourmusicfile.mid" autostart="true" loop="true"
width="2" height="0">

How to Add a MIDI file to a Joomla Web Site

1. Create a new module.

2. Switch to “HTML view” in the “WYSIWYG” editor.

3. Add this code:

<embed src="yourmusicfile.mid" width="200" height="200" autostart=true loop=false volume=100 hidden=false>

If hidden is “true” you don’t need to set the width and height as it should be hidden.

4. Save the module.


Embedding sound in web pages


  1. Hey All,

    Yo, I found this great website for locating great MIDI files:

    People submit MIDI files that they make or have found. This is a great site for finding just about any song. I can just search for what I’m looking for or browse the easy-to-view archive of files.

    the best part is that ANYONE can submit any MIDI or audio files they want.

    check it out!!

  2. I just read that previous article? This code plays a midi at the same time as an MP3 file?

  3. Great explanation.It worked fine.
    I published the module only on the first page.But if the user changes the page, the music stops abruptly?Is there any way to fix this?

    Thank you

  4. You have explained it in the most simple way,thanks a ton

  5. Hi there, I spotted your blog via Google while hunting for midi music downloads and your post caught my attention.

  6. Good site! I really love how it is simple on my eyes and the data are well written. I’m wondering how I could be notified whenever a new post has been made. I have subscribed to your RSS which must do the trick! Have a nice day! Executive Elite, 18a Greycoat Gardens, Greycoat Street, London, SW1P 2QA, 028 2088 0135

  7. Helpful info. Lucky me I found your web site accidentally, and I am surprised why this accident did not came about earlier! I bookmarked it.


  1. coole 50GB nur hier gratis filme downloaden…

    Wo kann ich filme downloaden?…

Speak Your Mind