Тег <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.