HTML-тег video

HTML 5 также поддерживает тег <video>. HTML-тег video используется для потоковой передачи видеофайлов, таких как видеоклип, клип песни, на веб-странице.
В настоящее время для тега HTML video поддерживаются три видеоформата:
1. mp4
2. webM
3. ogg
Давайте посмотрим код для воспроизведения файла mp4 с использованием HTML-тега video.
<video controls>
<source src="movie.mp4" type="video/mp4">
Ваш браузер не поддерживает тег html video.
</video>
Давайте посмотрим на пример воспроизведения файла ogg с использованием HTML-тега video.
<video controls>
<source src="movie.ogg" type="video/ogg">
Ваш браузер не поддерживает тег html video.
</video>

Атрибуты тега HTML Video

Давайте посмотрим на список атрибутов тега video HTML 5.
controls
Он определяет элементы управления видео, которые отображаются с кнопками воспроизведения/паузы.
height
Он используется для установки высоты видеоплеера.
width
Он используется для установки ширины видеоплеера.
poster
Он определяет изображение, которое отображается на экране, когда видео не воспроизводится.
autoplay
Он указывает, что видео начнет воспроизводиться, как только оно будет загружено.
loop
Он указывает, что видеофайл будет начинаться заново каждый раз, когда он будет завершен.
muted
отключает звук видео.
preload
Он указывает авторское представление для загрузки видеофайла при загрузке страницы.
src
Он указывает путь URL-адрес видеофайла.

Пример атрибутов тега video HTML

Давайте посмотрим на пример тега video в HTML, где используются высота, ширина, авто воспроизведение, элементы управления и атрибут цикла.
<video width="320" height="240" controls autoplay loop>
<source src="movie.mp4" type="video/mp4">
Ваш браузер не поддерживает тег html video.
</video>