HTML тег <video> використовується для вставлення відео на веб-сторінку. Цей тег є блоковим елементом і дозволяє встановити ширину і висоту відео.

Щоб додати відео на сторінку, необхідно використовувати тег <video> і прописати атрибут src, який вказує на URL відеофайлу. Також можна додати інші атрибути, такі як controls (щоб додати стандартні елементи керування, такі як кнопки відтворення/паузи тощо), poster (щоб встановити зображення, яке буде відображатися до початку відтворення), loop (щоб відтворювати відео в циклі) та muted (щоб вимкнути звук).

Але відео може бути у кількох форматах, і не всі браузери підтримують кожен формат. Щоб збільшити компатибільність, можна надати кілька форматів відео за допомогою тега <source>всередині тега <video>. Цей тег дозволяє вказати додаткові джерела відео та який тип файлу вони представляють. Наприклад:

<video controls>
  <source src="video.mp4" type="video/mp4">
  <source src="video.ogg" type="video/ogg">
  <source src="video.webm" type="video/webm">
  Your browser does not support the video tag.
</video>

Це дозволяє браузеру вибрати відповідний формат відео, який може відтворити. Є також інші атрибути для доступності, такі як <track> додавання субтитрів, preload для керування завантаженням відео та autoplayдля автоматичного відтворення.

Також використання інтерактивності video через JavaScript або css дозволяє створювати більш складні інтерфейси і додавати додаткові можливості для відтворення та управління відео, в тому числі створення власних кнопок відтворення, регулювання гучності, перемотування відео, додавання ефектів і т.д. Ви також можете використовувати JavaScript для отримання доступу до властивостей відтворення, таких як поточний час, тривалість та стан відтворення.

Важливо, що крос-браузерна підтримка може бути проблематичною для деяких функцій відео, так що може знадобитися використання поліфілів або плагінів для забезпечення коректної роботи на всіх пристроях та браузерах.

Загалом тег <video> забезпечує широкі можливості для додавання та кастомізації відео на веб-сторінки, для забезпечення зручніших інтерфейсів для користувачів та створення більш сучасних та інтерактивних веб-сторінок.