media - тип пристрою медіа ресурсу.
<audio>
<source src="url1" media="media_query">
<source src="url2" media="media_query">
</audio>
<video>
<source src="url1" media="media_query">
<source src="url2" media="media_query">
</video>
<picture>
<source src="url1" media="media_query">
<source src="url2" media="media_query">
</picture>
audio - тег audio.
video - тег video.
picture - тег picture.
src - атрибут src.
url1, url2 - URL адреса медіа файлу.
media_query - медіа запит.
media атрибут тегу <source> який вказує медіа пристрій до якого оптимізовано медіа-ресурс.
<picture>
<source src="/dani/test.jpg" media="screen and (min-width: 768px)">
<source src="/dani/test.png">
</picture>