Тег source
Создание сайта на CMS WordPress: обучение и хостинг
← Перейти к списку тегов

ТЕГ <SOURCE>

Тег <source> используется для указания медиаресурсов для тегов <audio>, <video> и <picture>.

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

9+

Синтаксис

<source>

Атрибуты

Атрибут Описание
src Определяет URL медиа файла. Используется для тегов <audio> и <video>.
srcset Определяет адреса изображений для использования в зависимости от размера экрана. Значением атрибута должен быть список из одной или более строк, разделённых запятой, определяющий множество размеров изображений, которые браузер может использовать. Используется для тега <picture>.
media Принимает любой медиа-запрос, который обычно задаётся при помощи CSS.
sizes Определяет исходные размеры изображения в зависимости от размера экрана. Значением атрибута должен быть список из одной или более строк, разделённых запятой, определяющий множество исходных размеров. Используется для тега <picture>.
type Определяет MIME-тип ресурса.

Тег <source> поддерживает глобальные атрибуты.

Песочница

Код в песочнице можно редактировать и видеть результат в реальном времени:

<video height="240" width="320" controls>
    <source src="video/sample.mp4" type="audio/mpeg"> 
    Ваш браузер не поддерживает видео
</video>
HTML
← Перейти к списку тегов