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

Аватар пользователя Nikita Mikhaylov
Nikita Mikhaylov
03 ноября 2021

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

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

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

2 0
Аватар пользователя Ivan Gagarinov
Ivan Gagarinov
22 марта 2024

Для вставки видео в 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>

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

0 0
Аватар пользователя Roma
Roma
24 марта 2023

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

1 2
Познакомьтесь с основами HTML и CSS бесплатно

Похожие вопросы

1
ответ
6
ответов
1
ответ
2
ответа