Справочник HTML & CSS

<source>

Один из вариантов файла для `<video>`, `<audio>` или `<picture>`.

Синтаксис

<source src="file.webm" type="video/webm">

Атрибуты

Параметр	Тип	Описание
src	URL	Адрес файла (внутри `<video>` и `<audio>`).
srcset	URL list	Адреса картинок (внутри `<picture>`).
type	MIME type	Формат файла: браузер пропустит то, что не умеет играть.
media	media query	Только в `<picture>`. Для каких экранов вариант.

Примеры

Видео в двух форматах:

<video controls width="300">
  <source src="/media/flower.webm" type="video/webm">
  <source src="/media/flower.mp4" type="video/mp4">
  Your browser does not support video.
</video>

Примечания

Браузер проверяет <source> по порядку и берёт первый подходящий, поэтому самый лёгкий современный формат ставят первым. Тег одиночный.

См. также

<video> — Встраивает видео в страницу.
<audio> — Встраивает аудиоплеер.
<picture> — Контейнер для нескольких вариантов картинки: браузер выбирает подходящий `<source>` или берёт `<img>`.

Вопросы и ответы по теме

В учебнике

Аудио и видео — Теги video и audio, панель управления controls, автозапуск, повтор, несколько форматов через source и субтитры.

Спасибо, что читаете!