Справочник HTML & CSS

<audio>

Встраивает аудиоплеер.

Синтаксис

<audio src="file.mp3" controls></audio>

Атрибуты

Параметр	Тип	Описание
src	URL	Адрес аудиофайла (или используйте `<source>`).
controls	—	Показать плеер. Без него элемент невидим.
loop	—	Необязательный. Играть по кругу.
preload	none \| metadata \| auto	Необязательный. Сколько загружать заранее.

Примеры

Плеер со стандартными кнопками:

<p>Listen to a T-rex:</p>
<audio src="/media/t-rex-roar.mp3" controls></audio>

Запасной вариант для старых браузеров:

<audio controls preload="none">
  <source src="/media/t-rex-roar.mp3" type="audio/mpeg">
  <a href="/media/t-rex-roar.mp3">Download the sound</a>
</audio>

Примечания

Без controls плеер не виден, и запустить звук можно только из JavaScript. Вид стандартного плеера в разных браузерах отличается и почти не настраивается через CSS.

См. также

<video> — Встраивает видео в страницу.
<source> — Один из вариантов файла для `<video>`, `<audio>` или `<picture>`.

Вопросы и ответы по теме

Как добавить аудио на страницу

В учебнике

Аудио и видео — Теги video и audio, панель управления controls, автозапуск, повтор, несколько форматов через source и субтитры.

Спасибо, что читаете!