Как добавить видео и аудио в HTML?

@celestino 

В HTML добавление видео и аудио осуществляется с помощью тегов <video> и <audio>. Эти теги поддерживают разные атрибуты, которые позволяют контролировать воспроизведение мультимедиа. Вот основные примеры использования:

Видеофайлы

Для добавления видео используйте тег <video>. Основные атрибуты включают controls для отображения элементов управления воспроизведением, autoplay для автоматического воспроизведения, loop для зацикливания и muted для отключения звука:

1
2
3
4
5

<video width="640" height="480" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Ваш браузер не поддерживает тег <code>video</code>.
</video>

Аудиофайлы

Для добавления аудио используйте тег <audio>. Аналогично видео, можно использовать атрибуты controls, autoplay, loop и muted:

1
2
3
4
5

<audio controls>
  <source src="sound.mp3" type="audio/mpeg">
  <source src="sound.ogg" type="audio/ogg">
  Ваш браузер не поддерживает тег <code>audio</code>.
</audio>

Важные заметки

1. Кроссбраузерность: Чтобы обеспечить кроссбраузерную совместимость, рекомендуется указывать несколько форматов мультимедиа (например, MP4 и OGG для видео, MP3 и OGG для аудио).
2. Фолбэк-сообщения: Если браузер не поддерживает теги
3. Форматы файлов: Для видео лучше всего использовать MP4, WebM и OGG. Для аудио поддерживаются MP3, WAV и OGG.

Это основные способы интеграции видео и аудио в HTML-документ. Убедитесь, что используемые вами мультимедиа-файлы поддерживаются целевой аудиторией и устройства, на которых эти файлы будут воспроизводиться.