video

Обновлено: 21.05.2022

<video>

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

Для универсального воспроизведения в указанных браузерах видео кодируют с помощью разных кодеков и добавляют файлы одновременно (см. пример).

Синтаксис

<video>
 <source src="<адрес>">
</video>

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

Обязателен.

Атрибуты

  • Атрибут autoplay

    Атрибут autoplay

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

  • Атрибут controls

    Атрибут controls

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

  • Атрибут height

    Атрибут height

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

  • Атрибут loop

    Атрибут loop

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

  • Атрибут poster

    Атрибут poster

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

  • Атрибут preload

    Атрибут preload

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

  • Атрибут src

    Атрибут src

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

  • Атрибут width

    Атрибут width

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

Пример

Результат примера в браузере показан на рис. 1.

Рис. 1. Воспроизведение видеофайла

Браузеры

video

Посмотреть совместимость на Can I use?

video