Атрибут media
Описание
Определяет, для какого устройства должен воспроизводиться файл.
Синтаксис
<source media='...'>
Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<video width='300' controls>
<source src='/files/video/video.ogv' type=video/ogg; codecs='theora, vorbis'>
<source media='max-width: 600px' src='/files/video/video.mp4' type=video/mp4; codecs='avc1.42E01E, mp4a.40.2'>
<source src='/files/video/video.webm' type=video/webm; codecs='vp8, vorbis'>
Элемент video не поддерживается вашим браузером.
<a href='/files/video/video.mp4'>Скачайте видео</a>.
</video>
</body>
</html>
Читайте также
Тег <button>. Атрибут name
Определяет индивидуальное имя кнопки.
Тег <col>. Атрибут valign
Выставляет вертикальное выравнивание содержимого колонки.
Тег <thead>. Атрибут charoff
Смещение контента ячеек относительно указанного символа.
Тег <textarea>. Атрибут maxlength
Максимальное число введённых символов.
Тег <time>. Атрибут pubdate
Дата публикации документа.