Тег <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 или других авторитетных источников.