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

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

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

<address> контактная информация <article> статья <code> фрагмент кода <colgroup> группа столбцов таблицы <dfn> выделение термина <i> курсивный текст <iframe> встраивание страниц <img> вставка изображения <mark> подсвечивание текста <nav> навигация <small> мелкий текст <tbody> "тело" таблицы <tfoot> "подвал" таблицы <title> заголовок документа <u> подчеркивание текста

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

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

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