Drifting Designs Tutorials | Coding | HTML

Drifting Designs

Drifting Designs Tutorials > > Coding > > HTML > > Embed Music

Want to embed music in your site to spice it up? The code is pretty simple.

Embed Music

Place the following code where you want your music box place to be-

<embed src="musicfile.mp3" width="300" height="100" autostart="true" loop="true"></embed>

Change "musicfile.mp3" to the url of your music file that you want to play.
Specify in width="300" height="100" the number of pixels in height and width of the music control box that you want to show up on your visitors' screen. If you want the box to be completely invisible, make both 0 (width="0" height="0").
For where it says "autostart", change that to false if you don't want the music to start playing as soon as the visitor opens up your webpage. Leave it as "true" if you do want the music to start playing automatically.
For where it says "loop", change it to "false" if you want it to stop playing after it has finished the song once. Leave it as true if you want it to keep on playing over and over again.

Note that you should leave nothing in between the embed code and its end tag. Just leave it blank.

A sample music control box is shown below, to give you a sense of what it will look like. It's set at 100 pixels in width and 50 pixels in height. Note: it won't play any music because I didn't put a url in it; it's just to give you an idea of how a music control box looks like.