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 налаштування за замовчуванням
Немає.
