Тег source вставляет звуковой или видеофайл для тегов audio и video.

Тег source нужен для того, чтобы задавать пути к файлам аудио или видео записи в различных форматах (так как браузеры поддерживают разный формат аудио, например mp3 или wav). Для этого в теге audio или video должно быть несколько тегов source с файлами в разных форматах. Браузер будет перебирать эти теги по порядку, пока не найдет в файл в формате, который он сможет воспроизвести.

Закрывающий тег не обязателен.

Атрибуты

Атрибут Описание
src Указывает путь к аудио или видео файлу. Обязательный атрибут.
media Определяет устройство, для которого будет воспроизводится аудио или видео файл.
type Тип файла и названия кодеков для его открытия. Пример: video/ogg; codecs="theora, vorbis.

Значения атрибута media

Значение Описание
all Все устройства.
screen Экран монитора.
handheld Телефоны, смартфоны, устройства с маленьким экраном.
braille Устройства, основанные на системе Брайля, предназначены для слепых людей.
speech Речевые синтезаторы, а также программы для воспроизведения текста вслух. Сюда же входят речевые браузеры.
print Принтеры.
projection Проекторы.
tty Телетайпы, терминалы, портативные устройства с ограниченными возможностями экрана. Для них не должны использоваться пиксели в качестве единиц измерения.
tty Телевизоры, которые умеют открывать web страницы (бывает и такое).

Значение по умолчанию: all.

Примеры

Пример .

Сейчас для тега audio добавлен тег source:

<audio controls>
	<source src="nirvana_smells_like_teen_spirit.mp3">
	Ваш браузер не поддерживает audio на HTML5.
</audio>

Результат выполнения кода: