Тег <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>