До появления HTML 5 видео можно было воспроизводить только в браузере с помощью плагина, такого как flash. Но после выпуска HTML 5 добавить видео на веб-страницу стало так же просто, как добавить изображение. Элемент HTML5 video указывает стандартный способ встраивания видео на веб-страницу.

Текст между тегами <video> и </video> будет отображаться только в браузерах, не поддерживающих элемент <video>.

Синтаксис:

<video src="" controls> </video>

Атрибуты элемента <video>

Тег source содержит множество атрибутов, перечисленных ниже.

Атрибут Значение Ссылка

HTML <video> атрибут autoplay

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

autoplay

HTML <video> атрибут controls

Указывает, что должны отображаться элементы управления видео (например, кнопка воспроизведения/паузы и т.д.).

controls

HTML <video> атрибут loop

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

loop

HTML <video> атрибут muted

Указывает, что аудиовыход видео должен быть отключен.

muted

HTML <video> атрибут preload

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

auto
metadata
none

HTML <video> атрибут src

Указывает URL-адрес видеофайла.

URL

HTML <video> атрибут poster

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

URL

HTML <video> атрибут height

Устанавливает высоту видеоплеера.

В пикселях

HTML <video> атрибут width

Устанавливает ширину видеоплеера.

В пикселях