IT+HA - Тег <video>

Тег <video>

Тег <video> в HTML используется для вставки мультимедийного контента, такого как видеозаписи, в веб-страницу.

Вот пример того, как можно использовать этот тег:

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

В этом примере используются следующие атрибуты:

width и height контролируют размер видео на странице.

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

Тег <source> используется для указания источников видео. В этом примере представлены два разных формата видео, чтобы обеспечить максимальную совместимость с различными браузерами. Если браузер не может воспроизвести первый формат (mp4), он переходит к следующему (ogg).

Текст "Your browser does not support the video tag" будет отображаться в браузерах, которые не поддерживают тег <video>.

Есть и другие атрибуты для тега <video>, включая autoplay (автоматически запускает видео при загрузке), loop (воспроизводит видео заново, когда оно заканчивается), и muted (отключает звук по умолчанию).

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