НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ
HTML5. W3Schools українською. Повний довідник тегів

En

HTML Тег <video>


Приклад

Відтворити відео:

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Ваш браузер не підтримує тег video.
</video>
Спробуйте самі »

Визначення та використання

Тег <video> використовується для вбудовування відеоконтенту в документ, наприклад відеокліп або інші відеопотоки.

Тег <video> містить один або декілька тегів <source> із різними джерелами відео. Браузер вибере перше джерело, яке він підтримує.

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

У HTML є три підтримуваних відеоформати: MP4, WebM та OGG.

Браузер MP4 WebM Ogg
Edge ТАК ТАК ТАК
Chrome ТАК ТАК ТАК
Firefox ТАК ТАК ТАК
Safari ТАК ТАК НІ
Opera ТАК ТАК ТАК

Поради та примітки

Порада: Для аудіофайлів перегляньте тег <audio>.


Підтримка браузерами

Числа в таблиці вказують на першу версію браузера, яка повністю підтримує елемент.

Елемент
<video> 4.0 9.0 3.5 3.1 11.5

Додаткові атрибути

Атрибут Значення Опис
autoplay autoplay Вкажіть, що відео почне відтворюватися, як тільки воно буде готове
controls controls Укажіть, що мають відображатися елементи керування відео (наприклад, кнопка відтворення/паузи тощо).
height pixels Встановлює висоту відеопрогравача
loop loop Вкажіть, що відео починатиметься заново кожного разу, коли воно закінчиться (зациклюється)
muted muted Укажіть, що аудіо вихід відео має бути вимкнено
poster URL Укажіть зображення, яке відображатиметься під час завантаження відео або доки користувач не натисне кнопку відтворення
preload auto
metadata
none
Визначає, чи і як, на думку автора, має завантажуватися відео під час завантаження сторінки
src URL Вкажіть URL-адресу відеофайлу
width pixels Встановіть ширину відеопрогравача

Глобальні атрибути

Тег <video> також підтримує Глобальні атрибути в HTML.


Атрибути подій

Тег <video> також підтримує Атрибути подій в HTML.


Пов’язані сторінки

HTML DOM довідник: HTML Audio/Video DOM Довідник


CSS налаштування за замовчуванням

Немає.