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

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

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

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

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

Приклад:

<video controls autoplay loop>
  <!-- Source tags will be defined here -->
</video>

Source

Тег <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..

Відеоінструкція