Видео на сайте: WebM, AV1 и запасной H.264 для Safari

`<picture>` для постеров, `<source type>` для кодеков и политика фолбэка без двойной загрузки десятимегабайтных файлов.

Современные браузеры поддерживают AV1/VP9 внутри WebM или MP4-контейнеров с разной степенью; Safari до сих пор часто требует H.264 как запасной дорожки.

Используйте несколько `<source>` с атрибутом `type`, чтобы браузер выбрал первый поддерживаемый без загрузки всех вариантов.

Media capabilities — MDN — Справка по элементу video и форматам.

Постер и автоплей

Явный постер снижает CLS и даёт кадр до декодирования первого фрейма; для автоплея без звука добавьте `muted playsinline` под требования мобильных ОС.

Не вешайте десятки мегабайт на «hero» без lazy для offscreen — LCP может неожиданно стать видео.