Тег <source>

Тег <source> в HTML используется для определения медиа-ресурсов для элементов <audio> и <video>. Это позволяет указывать несколько источников медиа для браузера, и он выберет наиболее подходящий в зависимости от типа и возможностей устройства пользователя.

Синтаксис тега <source> выглядит так:

<video controls>
  <source src="myVideo.mp4" type="video/mp4">
  <source src="myVideo.webm" type="video/webm">
  Ваш браузер не поддерживает видео тег.
</video>

Аналогично можно использовать и с аудио:

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

В обоих случаях, если браузер поддерживает <video> или <audio>, но не может воспроизвести указанные типы файлов, он попробует следующий источник (<source>). Если же он не поддерживает эти теги вообще, отобразится текст, расположенный внутри тега <video> или <audio>.

Тег <source> не имеет закрывающего тега и может содержать следующие атрибуты:

src: URL медиа-файла

type: MIME-тип медиа-файла

media: Медиа-запрос, определяющий, когда данный источник должен быть использован.

Пожалуйста, обратите внимание, что информация может меняться, и всегда хорошо проверять последние рекомендации и стандарты от W3C или других авторитетных источников.