<video>

Добавляет, воспроизводит и управляет настройками видеоролика на веб-странице. Путь к файлу задаётся через атрибут src или вложенный элемент <source>

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

Обязателен

Поддержка:

HTML5

Атрибуты:

autoplay - Видео начинает воспроизводиться автоматически после загрузки страницы.

<video width="400" height="500" controls="controls" autoplay>
   <source src="movie.mp4" type='video/mp4'>
</video>

controls - Добавляет панель управления к видеоролику.

<video width="400" height="500" controls="controls">
   <source src="movie.mp4" type='video/mp4'>
</video>

height - Задаёт высоту области для воспроизведения видеоролика.

<video  height="500" controls="controls">
   <source src="movie.mp4" type='video/mp4'>
</video>

loop - Повторяет воспроизведение видео с начала после его завершения.

<video  width="500" controls="controls" autoplay loop>
   <source src="movie.mp4" type='video/mp4'>
</video>

poster - Указывает адрес картинки, которая будет отображаться, пока видео не доступно или не воспроизводится.

<video  width="500" controls="controls" poster="web.jpg">
   <source src="movvvvie.mp4" type='video/mp4'>
 </video>

preload - Используется для загрузки видео вместе с загрузкой веб-страницы.

<video  width="500" controls="controls" preload="auto">
   <source src="movie.mp4" type='video/mp4'>
</video>

src - Указывает путь к воспроизводимому видеоролику.

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

width - Задаёт ширину области для воспроизведения видеоролика.

<video  width="500" controls="controls">
   <source src="movie.mp4" type='video/mp4'>
</video>

Пример:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>video</title>
 </head>
 <body>
  <video width="400" height="500" controls="controls" >
   <source src="movie.mp4" type='video/mp4'>
  </video>
 </body>
</html>