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