How To Embed Audio Files

How To Embed MP3 FilesHow To Embed OGG Files

There may be cases where you would like to embed an audio file into your auction website. You can do this fairly easily using either the HTML-Row element or the HTML column content element.


Embedding An Audio File

Start with inserting the HTML-Row element, you would then edit the HTML to add in the appropriately configured <audio/> element.

img

An example borrowing heavily from the w3schools.com - HTML Audioopen in new window page.

WARNING

  • The example HTML uses a src property with a publicly accessible audio file.
  • You will need to use a publicly accessible URL for your audio file.
    • Auctria does not provide a means for this in the auction website.

The above example Custom HTML will display the following in an auction website.

img

Embedding A Single Source

You only need to use a source property for the specific file you are using. If you only have an mp3 formatted file, then you only need to use an appropriate reference to the mp3 file.

Continuing from the example, the <audio/> property could be configured along the following lines:

<audio controls>
  <source src="https://www.w3schools.com/html/horse.mp3" type="audio/mpeg">
</audio>

INFORMATION

You can also use this approach with the HTML Column Content element.


Reviewed: February 2023