Тег video
Встраивание видео-файлов на страницу.
<video src="https://htmlbase.ru/storage/app/media/demo.mp4" controls></video>Пошаговый план! Как быстро научиться создавать сайты!
- поддерживается начиная с
- частичная поддержка до
- не поддерживается
Стили по умолчанию
Стили которые браузер применяет к элементу по-умолчанию. В списке ниже приведены стили, которые влияют на внешний вид элемента и изменяются при помощи CSS.
video {
object-fit: contain;
}Атрибуты
src=""
Путь к видео-файлу
controls
Показывает элементы управления видео-плеером
<video src="https://htmlbase.ru/storage/app/media/demo.mp4" controls></video>autoplay
Автовоспроизведение видео-файла при загрузке страницы, обязательно наличие атрибута muted
<video src="https://htmlbase.ru/storage/app/media/demo.mp4" autoplay muted></video>loop
Воспроизводить видео-файл повторно при завершении
<video src="https://htmlbase.ru/storage/app/media/demo.mp4" autoplay muted loop></video>preload
Загружать видео-файл вместе с загрузкой страницы
muted
Отключение звука при запуске видео
poster=""
Изображение, которое будет установлено пока видео не воспроизводится. Указывается URL адрес к изображению.
width=""
Ширина видео-плеера
height=""
Высота видео-плеера
Читайте также
Обсуждение (7)
Войдите или зарегистрируйтесь для того чтобы оставлять комментарии
Вадим
поставил autoplay видио всё-ровно не хочет воспроизводиться (
-
Дмитрий ВалакДобавьте еще атрибут muted
-
Вадимоу не думал что так скоро ответят благодарю )))Вадима что делать при этом со звуком если не добавлять controls
-
Дмитрий ВалакПолучается, что ничего. Звука не будет и все
-
-
Александр
А как запретить скачивание видео? Или для этого нужно отказаться от стандартного плеера и делать свой при помощи JS?
-
Дмитрий ВалакЭто довольно сложный вопрос и сделать 100% защиту невозможно.