Как вставить mp3 на свою страничку используя тег Audio (html5)?

тег audio позволяет вставлять аудио файлы без стороннего программного обеспечения. HTML5 поддерживает следующие форматы аудио файлов: MP3, OGG и WAV аудио. Код выглядит следующим образом:

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

Среди параметров, которые вы можете добавить к аудио-плеер есть автозапуск (autoplay), повтор (loop), панель управления (control), одновременная загрузка вебстраницы и файла (preload).

Например:

<audio controls autoplay autobuffer loop>
 <source src="music.ogg" type='audio/ogg; codecs=vorbis'>
 <source src="music.mp3" type="audio/mpeg">
Если вы не видите аудиоплеера, значит ваш браузер не поддерживает html 5
</audio>

Значение атрибутов:
autoplay — атрибут, позволяющий воспроизводить аудио автоматически, сразу после загрузки страницы.
Примечание: имейте в виду, что автозапуск раздражает многих пользователей.

autobuffer — атрибут, позволяющий начать автоматическую загрузку аудио-потока сразу после загрузки страницы без автоматического воспроизведения. Этот атрибут действует, только если не указан атрибут autoplay.

loop — атрибут, позволяющий проигрывать файл несколько раз после окончания его воспроизведения.

controls — атрибут, позволяющий показать или скрыть элементы управления плеером. Если вы не укажите этот атрибут, то элементы управления будут скрыты, а если вам необходимо создать собственные элементы управления — используйте javascript API и CSS для тега audio.

Разумеется, этот тег поддерживает все глобальные атрибуты HTML: CLASS, ID, STYLE, TITLE и др.

Например чтобы увеличить ширину аудиоплеера нужно прописать:

<audio controls="" style="width:700px">