Тег <video>
Опис
Тег <video> в HTML використовується для відтворення відео на веб-сторінці. Цей тег дозволяє вбудовувати відео з різних джерел, таких як локальні файли або відео з Інтернету.
Не всі браузери підтримують всі формати відео. Рекомендується вказувати декілька джерел для відеофайлу з різними форматами для кращої сумісності.
Приклад
<video src='video.mp4' controls width='320' height='240'></video>Підтримка тега <video> в різних браузерах може відрізнятись. Для найкращої сумісності рекомендується перевіряти на сайті Can I use.
Докладніше про тег <video> можна прочитати на MDN Web Docs.
<video src='url_to_video_file' controls width='value' height='value'></video>Атрибути
| src | Вказує шлях до відеофайлу. |
| controls | Відображає елементи управління відеопрогравачем. |
| width | Встановлює ширину відеопрогравача. |
| height | Встановлює висоту відеопрогравача. |
| autoplay | Запускає відео автоматично при завантаженні сторінки. |
| loop | Відтворює відео у циклі. |
| muted | Відтворює відео без звуку. |
Часті запитання
-
Q: Як використовувати тег <video> в HTML?
A: Тег <video> використовується для вставки відео на веб-сторінку. Для цього потрібно вказати шлях до відеофайлу у атрибуті src.
-
Q: Як змінити розміри відео за допомогою тегу <video>?
A: Для зміни розмірів відео можна використовувати атрибути width та height у тезі <video>, або стилі CSS.
-
Q: Чи підтримуються всі формати відео тегом <video>?
A: Ні, не всі формати відео підтримуються всіма браузерами. Рекомендовані формати - MP4, WebM та OGG.
-
Q: Як додати контроли до відео на сторінці?
A: Для додавання контролів до відео використовується атрибут controls у тезі <video>.
-
Q: Як автоматично запустити відео при завантаженні сторінки?
A: Для автоматичного запуску відео при завантаженні сторінки можна використовувати атрибут autoplay у тегу <video>.