Как вставить видео в html

Чтобы добавить видео используется специальный HTML-тег <video>. Он имеет важный атрибут src, значением которого будет являться путь до нужного видеофайла.

<video src="https://example.com/hexlet.mp4"></video>

Обратите внимание, что большинством браузером корректно обрабатывается именно формат .mp4, что делает его наиболее приоритетным при использовании тега <video>

А как сделать видео как в тикток или YouTube shots?

Для вставки видео в HTML страницу можно использовать тег <video>. Например:

<video width="320" height="240" controls>
  <source src="video.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

В данном примере видео будет иметь ширину 320 пикселей и высоту 240 пикселей. Также добавлен атрибут controls, который отображает элементы управления видеоплеером (кнопки воспроизведения, паузы и т.д.). В качестве источника видео указан файл video.mp4.

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

<video width="320" height="240" controls>
  <source src="video.mp4" type="video/mp4">
  <source src="video.webm" type="video/webm">
  Your browser does not support the video tag.
</video>

Таким образом, браузер автоматически выберет подходящий источник видео в зависимости от его возможностей.

Также можно добавлять другие атрибуты к тегу <video>, такие как autoplay (автоматическое начало воспроизведения), loop (повторение видео) и т.д.