Тег <video>

<video> вбудовує відеоплеєр із нативними контролами браузера, без сторонніх плеєрів чи Flash.

Syntax

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

Attributes

controls Показує стандартні елементи керування плеєром (play, звук, перемотування).
autoplay Автозапуск — у більшості браузерів працює лише разом із muted через політики проти нав'язливого автоплею.
loop Циклічне відтворення після завершення.
muted Вимкнений звук за замовчуванням.
poster URL зображення-обкладинки, що показується до початку відтворення.

Example

<video controls poster="cover.jpg" width="640" height="360">
  <source src="movie.mp4" type="video/mp4">
  Ваш браузер не підтримує відео.
</video>

Notes

  • autoplay без muted блокується більшістю сучасних браузерів — це намірна анти-нав'язлива політика, а не помилка.
  • Текст усередині video (fallback) показується лише якщо браузер взагалі не підтримує тег video.

Accessibility

  • Для доступності відео варто додавати субтитри через тег track.

Схожі інструменти