Help & Support



Knowledge Home | Multimedia Files |
Play Music on a Page

You may have music automatically play in the background of a web page, or allow a visitor to control whether or not the music plays.

  1. Upload the music file to your site via a Multimedia page.
    Green Warning NOTE: We recommend only using .mp3 files as this is a very common file type. Other file types may not work, depending on your visitor's browser and file support on their computer.

  2. View the Multimedia page, right-click the link to the file and choose 'Copy Shortcut' or 'Copy Link Location'. You will need this address in a later step.

  3. Edit the page you want to play the music on.
    1. Background Music

      1. On the Easy Editor toolbar click on the 'HTML' button.
      2. At the very top of your content, type in the following code:

        <audio src="YOURFILENAMEHERE.mp3"></audio>

        If you want the music to autoplay or loop, you can add the "autoplay" or "loop" attributes. You can also add the "controls" attribute to display volume and play/pause controls. Here is an example with all three enabled:

        <audio src="YOURFILENAMEHERE.mp3" autoplay loop controls></audio>

      3. Make the following changes to the code you just pasted in the above step:
        Delete YOURFILENAMEHERE.mp3 and paste (CTRL+V) the address you copied for your music file.
  1. Save your changes by clicking the green 'Save' button at the top right and bottom of your edit page. View your page.

If Your Music Does Not Play

  • Ensure you have the address of the music file correct by pasting in the address into your browser. If your browser prompts you to save the file, you have the correct address.
  • Most browsers require a plugin installed so that they know how to handle the media file. Check for any messages regarding installing a plugin.


 

Related Articles:
What is a Multimedia Page?
Hide, show or change the order of pages in the navigation menu
 
Attachments:
No attachment found for this article.
 
Was this article helpful?
 
 
Solution #: 6131192
Category: Multimedia Files
Type: Knowledge Base
Status: Published


Back to Knowledge & FAQs page.