Базовое понимание
HTML5 нативно встраивает аудио и видео через <audio> и <video>; конкретные кодеки зависят от браузера.
Типичные форматы
| Тип | Контейнер / кодек | Заметки |
|---|
| Видео | MP4 (H.264 + AAC) | лучшая совместимость |
| Видео | WebM (VP8/VP9 + Opus/Vorbis) | открытый, хорошо в Chromium/Firefox |
| Аудио | MP3, AAC, Opus, WAV | Opus — современный выбор |
| Изображения | JPEG, PNG, GIF, WebP, AVIF, SVG | через <img> / <picture> |
<video controls>
<source src="clip.webm" type="video/webm">
<source src="clip.mp4" type="video/mp4">
</video>
Итог
Давайте несколько <source> с разными MIME-типами — браузер выберет поддерживаемый формат.
