Как вставить видео в html
Чтобы добавить видео используется специальный HTML-тег <video>
. Он имеет важный атрибут src
, значением которого будет являться путь до нужного видеофайла.
<video src="https://example.com/hexlet.mp4"></video>
Обратите внимание, что большинством браузером корректно обрабатывается именно формат .mp4
, что делает его наиболее приоритетным при использовании тега <video>
Для вставки видео в 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
(повторение видео) и т.д.
А как сделать видео как в тикток или YouTube shots?