Тег <video>

Описание

Тег <video> используется для встраивания видео контента на веб-страницу. Поддерживает различные форматы видеофайлов, включая MP4, WebM и Ogg.

Базовое использование:
<video src="video.mp4" controls> Ваш браузер не поддерживает видео тег. </video>
С несколькими источниками:
<video controls width="640" height="360"> <source src="video.mp4" type="video/mp4"> <source src="video.webm" type="video/webm"> Ваш браузер не поддерживает HTML5 видео. </video>
С автовоспроизведением и зацикливанием:
<video autoplay loop muted playsinline> <source src="animation.mp4" type="video/mp4"> </video>

Рекомендации по использованию:

  • Всегда предоставляйте fallback-контент внутри тега
  • Для адаптивности используйте max-width: 100%
  • Оптимизируйте видео для веба (сжатие, правильные форматы)
  • Используйте атрибут muted для autoplay-видео
  • Предоставляйте субтитры с помощью <track>
  • Для сложных сценариев используйте JavaScript API

Тег <video> является мощным инструментом для добавления мультимедийного контента на веб-страницы с широкими возможностями настройки и управления.

Атрибуты

autoplay Автоматическое воспроизведение
controls Показывать элементы управления
crossorigin Режим CORS
height Высота видео
loop Зацикливание воспроизведения
muted Отключение звука
playsinline Воспроизведение встроенным способом
poster URL изображения-заглушки
preload Стратегия предзагрузки
src URL видеофайла
width Ширина видео
accesskey Горячая клавиша
class CSS-классы
contenteditable Редактируемость
data-* Пользовательские данные
dir Направление текста
hidden Скрытый элемент
id Уникальный идентификатор
lang Язык содержимого
style Инлайновые стили
tabindex Порядок фокусировки
title Всплывающая подсказка
translate Возможность перевода

Поддержка браузерами
9.0 3.0 10.5 3.5 3.1