How Can I Get an MP3 to play automatically

  • 1
  • Question
  • Updated 8 years ago
  • Answered
How can i upload an Mp3 to yola and then get it to play in the back ground on my site. Ive been trying for 2 days and at one point i got it to work by using filefreak to host the mp3 but the next day it wasnt working.....can i just upload a file to yola and then get that mp3 to play in the background of my page.....I have just started trying to figure out building my own webpage yesterday I am very computer literate but have no idea when it comes to html or webdesign so the most basic instructions would be greatly appreciated
Photo of Eric Holmes

Eric Holmes

  • 1 Post
  • 0 Reply Likes

Posted 8 years ago

  • 1
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Eric

Unless you have definite reasons for doing this - such as that you are a musician and the people coming to your site will expect to hear a clip of your music, you should avoid adding music that plays automatically if at all possible. Music that plays automatically is one of the quickest ways to get people to leave your site, either because they need it to be quiet because they are browsing the internet in an office, computer lab, library etc, or because it clashes with their own music that they are playing on their computer. Most people react by closing the browser tab or window the second the music starts to get rid of the unwanted intrusion as fast as possible. However, if you still decide that background music is appropriate for your site, you can add music by uploading the sound file to your file manager and then using the HTML Widget to embed the music.

I am going to share a link to an excellent article that explains how to do this. The article also gives very sound advice on the implications of adding music to your website. Please review it carefully before you proceed: background music.

You can add HTML embed code for your music by dragging and dropping an HTML Widget from the Sidebar on the right onto your page (the icon for this is a blue sphere). An HTML editor will open up that will allow you to write or paste in your code. When you are done, click "OK" and you will see the way that the HTML displays on your page

To edit the HTML in a Text Widget, click the last icon on the text editing toolbar (HTML) You can then edit the HTML. When you are finished, click "OK" to return to editing text with the Yola text editor.

The path to your music files would be:



"resources" is the name of the File Manager (you must not change that).
"folder" - if your file is in a folder, include the folder name.
"file.mp3" is the name of your file.

Please ensure that the path name is identical to the one in the File Manager in terms of upper and lower-case letters, dots, dashes etc.

If you prefer to use a widget or a music player, you can also add music by using the Widgetbox Gallery:

1. Drag and drop a Widgetbox Gallery Widget onto your page.
2. A dialog box will open, click on the Audio category or search for music.
3. Choose the player that you would like to use on your site.
4. Edit your settings to customize your widget.
5. Click on the green 'Get Widget' button and it will be saved and added to your page.
6. Save and preview your page to view the widget.

Please ensure that you own the copyright to the music you will be playing.