HTML тег source

Тег <source> используется для определения медиа ресурсов для тега <audio> и тега <video>.

Тег <source> позволяет определить несколько аудио/видео файлов, из которых в последствии браузер сделает выбор, какой из них он может воспроизвести, основываясь на формате файла и доступности кодеков.

Разница между HTML 4.01 и HTML5

Тег <source> был добавлен в HTML5.

Атрибуты тега <source>

АтрибутОписание
mediaОпределяет для какого устройства вывода оптимизирован медиа-файл
srcОпределяет URL медиафайла
typeОпределяет медиа-тип медиа-ресурса

Общие атрибуты

Тег <source> поддерживает общие атрибуты и атрибуты-события.

HTML пример использования

Аудиоплеер с двумя звуковыми файлами. Браузер выберет, какой из них он может (если может) воспроизвести:


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