Элемент <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 Определяет тип медиа-ресурса.

Глобальные атрибуты

Как и все другие HTML-теги, тег <source> поддерживает все глобальные атрибуты в HTML5.

Атрибуты для событий

Тег <source> так же поддерживает атрибуты событий в HTML5.

Поддержка браузеров

Тег <source> поддерживается во всех основных браузерах.

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.