Прогресс завершения курса:

Элемент <video>

Элемент <video> похож на элемент <audio>.

Путь к исходному видеофайлу, как и в случае с аудио, указывается с помощью уже знакомых нам атрибута src или тега <source>, вложенного внутрь тега <video>.


С помощью атрибута src:

<video controls src="video.mp4">
</video>

С помощью отдельных вложенных внутрь <video> тегов <source>:

<video controls>
<source src="video.mp4">
<source src="video.webm">
</video>

Как и в случае с аудиоконтентом, в <video> можно указать несколько различных источников, и в случае, если браузер по какой-то причине не может воспроизвести один формат, он "подхватит" другой.

Результат в обоих случаях:


Ещё одна общая особенность элементов <audio> и <video> – это одинаковые атрибуты: controls, autoplay и loop.