Тег <source>
— один из элементов HTML5. Он используется для определения нескольких медиа-ресурсов в разных форматах: видео, аудио или изображения. Это необходимо для достижения наилучшей кроссбраузерной совместимости. Из возможных вариантов браузер может выбрать формат, который он поддерживает, и без труда воспроизводить аудио и видео файлы.
Тег <source>
пуст, а это значит, что закрывающий тег не требуется. Но в XHTML тег (<source>
) должен быть закрыт (<source/>
).
В этом примере аудиоплеер с двумя исходными файлами. Браузер выберет первый поддерживаемый им <source>
:
<audio controls>
<source src="/htm/audio/bird.ogg" type="audio/ogg">
<source src="/htm/audio/bird.mp3" type="audio/mpeg">
Ваш браузер не поддерживает аудио элементы.
</audio>
Нажмите кнопку воспроизведения, чтобы воспроизвести звук:
<video>
, <audio>
и <picture>
;<source>
позволяет указать альтернативные файлы видео/аудио/изображений, которые браузер может выбирать в зависимости от поддержки браузера или ширины области просмотра;<source>
.<source>
можно использовать несколько раз в одном документе для обозначения альтернативных аудио/видео файлов и изображений различных форматов.![]() |
Поддерживает |
![]() |
Поддерживает |
![]() |
Поддерживает |
![]() |
Поддерживает |
![]() |
Поддерживает |
![]() |
Поддерживает |
Атрибут | Значение | Описание |
---|---|---|
media | media_query | Принимает любой допустимый медиа-запрос, который обычно определяется в CSS |
sizes | Определяет размеры изображений для разных макетов страниц. | |
src | URL | Требуется, когда <source> используется в <audio> и <video>. Указывает URL-адрес медиа-файла |
srcset | URL | Требуется, когда <source> используется в <picture>. Указывает URL-адрес изображения для использования в различных ситуациях |
type | MIME-type | Указывает MIME-тип ресурса |
Тег <source>
также поддерживает глобальные атрибуты в HTML
Тег <source>
также поддерживает атрибуты событий в HTML
Руководство по HTML: введение в HTML
Отсутствуют.
Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.