Тег 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> контактная информация <blockquote> блок цитаты <col> столбец в таблице <dfn> выделение термина <footer> "подвал" <h6> заголовок шестого уровня <img> вставка изображения <meta> мета-данные <optgroup> группа элементов option <pre> отформатированный текст <script> подключение внешних js файлов <source> источник файла <th> ячейка заголовка <time> вставка даты и времени <wbr> разрыв слова

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

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

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