Атрибут media носителя

Объект Source DOM HTML

Определение и использование

media Установка или возврат значения атрибута media в элементе <source>.

<source> атрибут media Определение типа носителя медиа-ресурса (файл оптимизирован для каких носителей/устройств).

Браузер может использовать атрибут media, чтобы определить, может ли он воспроизводить файл. Если нет, он может выбрать не загружать.

Руководство HTML:Тег <source> HTML

Пример

Возврат конкретного файла для каких носителей/устройств оптимизирован:

var x = document.getElementById("mySource").media;

Попробуйте сами

Грамматика

Возврат атрибута media:

sourceObject.media

Настройка атрибута media:

sourceObject.media = value

Комментарий:Этот атрибут может принимать несколько значений.

Возможные операторы

Значение Описание
and Определение оператора AND.
not Определение оператора NOT.
, Определение или оператор.

Устройство

Значение Описание
all Подходит для всех устройств. По умолчанию.
aural Голосовой синтезатор.
braille Устройства обратной связи для слепых.
handheld Мобильное устройство (маленький экран, ограниченная полоса пропускания).
projection Проектор
print Предварительный просмотр печати/страница для печати.
screen Компьютерный экран.
tty Электромеханические телетайпные устройства и аналогичные носители информации с фиксированным интервалом символов.
tv Устройства типа телевидения (низкое разрешение, ограниченная возможность прокрутки).

Значение свойств

Значение Описание
width

Определяется ширина целевой области экрана.

Могут использоваться префиксы "min-" и "max-".

Пример: media="screen and (min-width:500px)"
height

Определяется высота целевой области экрана.

Могут использоваться префиксы "min-" и "max-".

Пример: media="screen and (max-height:700px)"
device-width

Определяется ширина целевого экрана/бумаги.

Могут использоваться префиксы "min-" и "max-".

Пример: media="screen and (device-width:500px)"
device-height

Определяется высота целевого экрана/бумаги.

Могут использоваться префиксы "min-" и "max-".

Пример: media="screen and (device-height:500px)"
orientation

Определяется направление целевого экрана/бумаги.

Возможные значения: "portrait" или "landscape".

Пример: media="all and (orientation: landscape)"
aspect-ratio

Определяется соотношение ширины к высоте целевой области экрана.

Могут использоваться префиксы "min-" и "max-".

Пример: media="screen and (aspect-ratio:16/9)"
device-aspect-ratio

Определяется соотношение ширины к высоте устройства целевого экрана/бумаги.

Могут использоваться префиксы "min-" и "max-".

Пример: media="screen and (aspect-ratio:16/9)"
color

Определяется количество бит на цвет целевого экрана.

Могут использоваться префиксы "min-" и "max-".

Пример: media="screen and (color:3)"
color-index

Определяется количество цветов, которые может обрабатывать целевой экран.

Могут использоваться префиксы "min-" и "max-".

Пример: media="screen and (min-color-index:256)"
monochrome

Определяется количество бит на пиксел в монохромном буфере кадров.

Могут использоваться префиксы "min-" и "max-".

Пример: media="screen and (monochrome:2)"
resolution

Определяется плотность пикселей целевого экрана/бумаги (dpi или dpcm).

Могут использоваться префиксы "min-" и "max-".

Пример: media="print and (resolution:300dpi)"
scan

Определяется метод сканирования телевизионного экрана.

Возможные значения - "progressive" и "interlace".

Пример: media="tv and (scan:interlace)"
grid

Определяется, является ли выходное устройство сеткой или bitmap.

Возможные значения для "grid" - "1", в противном случае "0".

Пример: media="handheld and (grid:1)"

Технические детали

Возвратное значение: Строка значений, представляющая тип ресурса媒体.

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка

Комментарий:Однако, ни один из основных браузеров не поддерживает атрибут media HTML.

Связанные страницы

Руководство HTML:Атрибут media тега <source> HTML

Объект Source DOM HTML