Вивчайте Додавання Елемента Video | Робота з Медіа та Таблицями

Ви можете вбудовувати відеофайли на веб-сторінку за допомогою елемента <video>. Розгляньте наступний приклад:

index.html

У цьому прикладі:

елемент <video> містить елемент <source>, який вказує URL-адресу та тип файлу відео. Поширені підтримувані формати: WebM, MP4 та OGG;
атрибут controls відображає стандартні елементи керування відтворенням;
якщо браузер користувача не підтримує елемент video, буде показано резервне повідомлення.

Поширені атрибути для HTML-елемента video включають:

autoplay: автоматичний запуск відеофайлу при завантаженні сторінки;
loop: безперервне повторення відеофайлу;
muted: вимкнення звуку за замовчуванням;
volume: визначає рівень гучності за замовчуванням для аудіофайлу, в діапазоні від 0.0 (без звуку) до 1.0 (максимальна гучність);
poster: вказує URL зображення, яке відображається як мініатюра відео до початку відтворення;
width та height: визначає ширину та висоту відеоплеєра у пікселях.

Нижче наведено приклад використання всіх цих атрибутів:

index.html

Примітка

Крім того, існує багато JavaScript-бібліотек та API, які надають додаткові можливості для відтворення та обробки відеоконтенту у вебі.

Все було зрозуміло?

Дякуємо за ваш відгук!

Секція 4. Розділ 6

Запитати АІ

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Suggested prompts:

Can you show me the example with all these attributes included?

What does the fallback message look like in practice?

Can you explain more about the `poster` attribute and how to use it?

Свайпніть щоб показати меню

Ви можете вбудовувати відеофайли на веб-сторінку за допомогою елемента <video>. Розгляньте наступний приклад:

index.html

У цьому прикладі:

елемент <video> містить елемент <source>, який вказує URL-адресу та тип файлу відео. Поширені підтримувані формати: WebM, MP4 та OGG;
атрибут controls відображає стандартні елементи керування відтворенням;
якщо браузер користувача не підтримує елемент video, буде показано резервне повідомлення.

Поширені атрибути для HTML-елемента video включають:

autoplay: автоматичний запуск відеофайлу при завантаженні сторінки;
loop: безперервне повторення відеофайлу;
muted: вимкнення звуку за замовчуванням;
volume: визначає рівень гучності за замовчуванням для аудіофайлу, в діапазоні від 0.0 (без звуку) до 1.0 (максимальна гучність);
poster: вказує URL зображення, яке відображається як мініатюра відео до початку відтворення;
width та height: визначає ширину та висоту відеоплеєра у пікселях.

Нижче наведено приклад використання всіх цих атрибутів:

index.html

Примітка

Все було зрозуміло?

Дякуємо за ваш відгук!

Секція 4. Розділ 6