Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Інтеграція Відео у Веб-Сторінки | Зображення та медіа
Основи HTML

bookІнтеграція Відео у Веб-Сторінки

Вбудовування відео подібне до вбудовування аудіо. Використовуються схожі атрибути та теги.

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

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

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

  • controls: додає елементи керування для відтворення, паузи та регулювання гучності;
  • autoplay: вказує на автоматичний запуск відтворення;
  • loop: забезпечує безперервне повторення відео.
<video controls autoplay loop>
  <!-- Source tags will be defined here -->
</video>

Джерело

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

<video controls autoplay loop>
  <source src="video-url.mp4" type="video/mp4" />
  <source src="video-url.webm" type="video/webm" />
  Your browser does not support the video element.
</video>

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

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

index.html

copy
Note
Примітка

Поширені підтримувані формати відео включають MP4, WebM та Ogg. Рекомендується надавати відео у декількох форматах для забезпечення сумісності з різними браузерами та пристроями.

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

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

question mark

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

Select the correct answer

question mark

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

Select the correct answer

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

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

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

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

Запитати АІ

expand

Запитати АІ

ChatGPT

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

bookІнтеграція Відео у Веб-Сторінки

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

Вбудовування відео подібне до вбудовування аудіо. Використовуються схожі атрибути та теги.

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

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

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

  • controls: додає елементи керування для відтворення, паузи та регулювання гучності;
  • autoplay: вказує на автоматичний запуск відтворення;
  • loop: забезпечує безперервне повторення відео.
<video controls autoplay loop>
  <!-- Source tags will be defined here -->
</video>

Джерело

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

<video controls autoplay loop>
  <source src="video-url.mp4" type="video/mp4" />
  <source src="video-url.webm" type="video/webm" />
  Your browser does not support the video element.
</video>

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

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

index.html

copy
Note
Примітка

Поширені підтримувані формати відео включають MP4, WebM та Ogg. Рекомендується надавати відео у декількох форматах для забезпечення сумісності з різними браузерами та пристроями.

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

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

question mark

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

Select the correct answer

question mark

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

Select the correct answer

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

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

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

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