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

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

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

<b> полужирный текст <base> основной URL страницы <body> "тело" документа <details> нативный "аккордеон" <dt> элемент списка с названием термина <h2> заголовок второго уровня <h5> заголовок пятого уровня <hr> горизонтальный разделитель <label> ярлык элемента формы <legend> заголовок группы формы <p> параграф <section> раздел сайта <style> стили документа <table> таблица <var> обозначение переменной

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

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

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