HTML позволяет вставлять на страницу видео, аудио и встраивать контент с других сайтов (карты, презентации).

1. Видео — <video>

Тег <video> вставляет видеоплеер на страницу. Атрибуты:

• src — путь к видеофайлу
• controls — показывает кнопки управления (плей, пауза, громкость)
• width и height — размеры плеера
• autoplay — начать проигрывание сразу (требует muted в современных браузерах)
• loop — зациклить проигрывание
• muted — выключить звук (нужно для autoplay)
• poster — картинка-заставка до начала проигрывания

<video src="/video/examples/video.mp4" controls width="400">
    Ваш браузер не поддерживает видео.
</video>

Как это выглядит в браузере:

2. Аудио — <audio>

Тег <audio> работает аналогично видео, но без картинки.

• src — путь к аудиофайлу
• controls — кнопки управления
• autoplay, loop, muted — как у видео

<audio src="/music/examples/audio.mp3" controls>
    Ваш браузер не поддерживает аудио.
</audio>

Как это выглядит в браузере:

3. Встраивание карты — <iframe>

Тег <iframe> (inline frame) вставляет на страницу содержимое другого сайта: карту, презентацию, видео с поддерживающих сервисов.

• src — адрес встраиваемой страницы
• width и height — размеры окна
• title — описание для экранных дикторов (важно для доступности)
• allowfullscreen — разрешает полноэкранный режим (если поддерживается)

<iframe 
    src="https://yandex.ru/map-widget/v1/?um=constructor%3A2db63a63f205dca3de3aa818c9efd55b229f1672184db551f27411e68f56a0f9&source=constructor" 
    width="600" 
    height="450" 
    title="Интерактивная карта Санкт-Петербурга" 
    allowfullscreen>
</iframe>

Как это выглядит в браузере:

4. Что нельзя делать с медиа

• Встраивать чужой контент без разрешения (проверяйте лицензию).
• Забывать атрибут controls для видео/аудио — пользователь не сможет управлять воспроизведением.
• Использовать автовоспроизведение с звуком — это раздражает и часто блокируется браузерами.
• Загружать огромные файлы — используйте сжатие и современные форматы (mp4 для видео, mp3 для аудио).