Тег <source> Атрибут <media>
Определяет устройство, для которого будет воспроизводиться аудио или видеофайл.
| IExplorer | Chrome | Opera | Safari | Firefox | Android | iOS | 
| 9.0+ | 8.0+ | 10.50+ | 3.1+ | 4.0+ | 2.0+ | 2.0+ | 
| HTML: | 3.2 | 4.01 | 5.0 | 
| XHTML: | 1.0 | 1.1 | 
<audio>
 <source src="URL" media="all|braille|handheld|print|screen|speech|projection|tty|tv">
</audio>
<video>
 <source src="URL" media="all|braille|handheld|print|screen|speech|projection|tty|tv">
</video>braille - Устройства, основанные на системе Брайля, предназначены для слепых людей.
handheld - Наладонники, смартфоны, устройства с малой шириной экрана.
print - Печатающее устройство вроде принтера.
screen - Экран монитора.
speech - Речевые синтезаторы, а также программы для воспроизведения текста вслух. Сюда же входят речевые браузеры.
projection - Проектор.
tty - Телетайпы, терминалы, портативные устройства с ограниченными возможностями экрана. Для них не должны использоваться пикселы в качестве единиц измерения.
tv - Телевизор.
Можно устанавливать сразу несколько значений, перечисляя их через запятую.
all
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>media</title>
 </head>
 <body>
  <video width="400" height="300" controls="controls">
   <source src="video/duel.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' media="handheld">
  </video>
 </body>
</html>