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

<video>

Встраивает видео в страницу.

Синтаксис

<video src="file.mp4" controls></video>

Атрибуты

Параметр	Тип	Описание
src	URL	Адрес видеофайла (или используйте `<source>`).
controls	—	Показать кнопки управления.
poster	URL	Необязательный. Картинка до начала воспроизведения.
autoplay, muted, loop	—	Необязательные. Автозапуск (работает только без звука) и повтор.
playsinline	—	Необязательный. На iPhone играть на странице, а не на весь экран.

Примеры

Видео с кнопками и обложкой:

<video controls width="320" poster="/media/photo-400x250.jpg">
  <source src="/media/flower.webm" type="video/webm">
  <source src="/media/flower.mp4" type="video/mp4">
</video>

Фоновое видео: без звука, по кругу, без кнопок:

<video src="/media/flower.mp4" autoplay muted loop playsinline width="320"></video>

Примечания

Браузеры запрещают автозапуск со звуком — autoplay работает только вместе с muted. Для адаптивности задайте в CSS max-width: 100%; height: auto;. Субтитры подключают через <track>.

См. также

<source> — Один из вариантов файла для `<video>`, `<audio>` или `<picture>`.
<track> — Подключает к видео субтитры или главы.
<audio> — Встраивает аудиоплеер.

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

В учебнике

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

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