Тег 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=""

Высота видео-плеера

Читайте также

<abbr> аббревиатура <area> активная область на изображении <br> перенос строки <button> кнопка <code> фрагмент кода <dl> список с объяснением <figcaption> заголовок для figure <h6> заголовок шестого уровня <input> поле для ввода <map> карта изображения <progress> индикатор выполнения задачи <strong> полужирный текст <summary> заголовок details <template> шаблон <wbr> разрыв слова

Обсуждение (5)

Войдите или зарегистрируйтесь для того чтобы оставлять комментарии

Вадим
поставил autoplay видио всё-ровно не хочет воспроизводиться (
  • Дмитрий Валак
    Добавьте еще атрибут muted
    • Вадим
      оу не думал что так скоро ответят благодарю )))
      Вадим
      а что делать при этом со звуком если не добавлять controls
      • Дмитрий Валак
        Получается, что ничего. Звука не будет и все