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

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

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

<a> ссылка <b> полужирный текст <cite> источник цитаты <datalist> выпадающий список для тега input <del> удаленный текст <div> блочный контейнер <h4> заголовок четвертого уровня <h5> заголовок пятого уровня <h6> заголовок шестого уровня <input> поле для ввода <label> ярлык элемента формы <optgroup> группа элементов option <pre> отформатированный текст <source> источник файла <thead> "шапка" таблицы

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

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

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