Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Відео | Зображення та Медіа
Основи HTML
course content

Зміст курсу

Основи HTML

Основи HTML

1. Розуміння Вебу та HTML
2. Основи HTML
3. Зображення та Медіа
4. Таблиці та Форми
5. Розширений HTML

bookВідео

Вбудовування відео схоже на вбудовування аудіо. Використовувані атрибути та теги є порівнянними. Давайте розглянемо це детальніше.

Вбудовування аудіо

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

Атрибути відео

  • controls: Додає елементи керування відео для відтворення, паузи та регулювання гучності;
  • autoplay: Вказує на функціональність автоматичного відтворення;
  • loop: Дозволяє безперервне повторення відео.

Приклад:

Джерело

Тег <source> використовується всередині тега <video> для вказівки джерела (URL) відеофайлу та його атрибутів. src вказує URL відеофайлу. type вказує MIME-тип відеофайлу.
Приклад:

У наведеному вище прикладі:

  • Тег <video> включає атрибути controls, autoplay та loop;
  • Теги <source> вказують URL-адреси джерел відеофайлів та їх MIME-типи;
  • Якщо браузер не підтримує тег <video> або вказані формати відео, відображається альтернативний текст Your browser does not support the video element.
html

index

css

index

js

index

copy

Відео-урок

1. Який тег використовується для вбудовування відеоконтенту в HTML-документ?
2. Який атрибут тегів `<video>` та `<audio>` додає елементи керування, такі як відтворення, пауза та регулювання гучності?
Який тег використовується для вбудовування відеоконтенту в HTML-документ?

Який тег використовується для вбудовування відеоконтенту в HTML-документ?

Виберіть правильну відповідь

Який атрибут тегів `<video>` та `<audio>` додає елементи керування, такі як відтворення, пауза та регулювання гучності?

Який атрибут тегів <video> та <audio> додає елементи керування, такі як відтворення, пауза та регулювання гучності?

Виберіть правильну відповідь

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

Як ми можемо покращити це?

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

Секція 3. Розділ 5
some-alt