HTML-тег <source>

Элемент <source> используется для указания нескольких альтернативных медиаресурсов для таких медиаэлементов, как <audio> и <video>.

Разрешенный родитель:	Элемент медиа, как `<audio>` или `<video>`
Контент:	Нет, это пустой элемент
Открывающий тег:	Обязательный
Закрывающий тег:	Запрещен
Версия:	Новый в HTML5

Синтаксис

Базовый синтаксис тега <source> выглядит следующим образом:

HTML: <source>; XHTML: <source />

Примеры написания кода тега <source>:

<video controls="controls">
    <source src="shuttle.mp4" type="video/mp4">
    <source src="shuttle.ogv" type="video/ogg">
    Ваш браузер не поддерживает элемент HTML5 Video.
</video>

Элемент <source> обычно используется для предоставления одного и того же медиа-ресурса в нескольких форматах, поддерживаемых различными браузерами.

Специальные атрибуты тега

В следующей таблице приведены атрибуты, которые относятся к тегу <source>:

Атрибут	Значение	Описание
Обязательно — следующие атрибуты должны быть указаны в этом теге, чтобы разметка была валидной.
`src`	URL	Определяет URL медиа-файла.
Опционально — следующие атрибуты не являются обязательными.
`media`	media-query	Определяет тип media-ресурса. См. типы мультимедиа CSS для получения дополнительной информации.
`type`	media-type	Определяет тип медиа-ресурса.