source

Обновлено: 17.07.2022

<source>

Вставляет звуковой или видеофайл для элементов <audio> и <video>. Обобщённо такие файлы называются медийными. Также применяется для добавления изображений в контейнере <picture>

Когда располагается внутри <audio> или <video>, элемент <source> (от англ. source — исходник) должен идти после медийных файлов, но до <track>. Внутри <picture> он должен идти перед <img>.

Синтаксис

<audio>
 <source src="<адрес>">
</audio>

<video>
 <source src="<адрес>">
</video>

<picture>
 <source srcset="...">
</picture>

Закрывающий тег

Не обязателен.

Атрибуты

  • Атрибут media

    Атрибут media

    Определяет устройство, для которого будет воспроизводиться файл.

  • Атрибут sizes

    Атрибут sizes

    Задаёт размеры изображений для разных макетов страницы.

  • Атрибут src

    Атрибут src

    Адрес медиа-файла.

  • Атрибут srcset

    Атрибут srcset

    Изображения, которые используются в разных ситуациях (для экранов планшетов, для экранов ретина и др.).

  • Атрибут type

    Атрибут type

    MIME-тип медийного источника.

Пример

Результат примера показан на рис. 1.

Рис. 1. Воспроизведение видеофайла

Браузеры

source

Посмотреть совместимость на Can I use?

source