Тег <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-классы
data-* Пользовательские данные
hidden Скрытый элемент
id Уникальный идентификатор
style Инлайновые стили
tabindex Порядок фокусировки
title Всплывающая подсказка

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