Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

Source media Property

<Источник объекта

пример

Вернуть то, что средства массовой информации / устройство конкретный файл оптимизирован для:

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

В результате х будет:

screen and (min-width:320px)
Попробуй сам "

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

Средства массовой информации наборов свойств или возвращает значение media - атрибута в <source> элемента.

media атрибут определяет тип медиа - ресурса (то , что медиа / устройства файл оптимизирован для).

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

Примечание: <source> элемент является новым в HTML5.


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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Свойство медиа поддерживается во всех основных браузерах.

Примечание: media приписывают однако, не поддерживаются ни в одном из основных браузеров.


Синтаксис

Возврат имущества СМИ:

sourceObject .media

Установите свойство медиа:

sourceObject .media= Примечание: Это свойство может принимать несколько значений.

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

Стоимость Описание
and Указывает оператор И
not Указывает оператор NOT
, Указывает оператор ИЛИ

приборы

Стоимость Описание
all Подходит для всех устройств. Это по умолчанию
aural Речевые синтезаторы
braille Брайля устройства обратной связи
handheld Портативные устройства (small screen, limited bandwidth)
projection Проекторы
print Печать Режим предварительного просмотра / печатные страницы
screen Компьютерные экраны
tty Телетайпы и аналогичные средства массовой информации с использованием сетки символов фиксированного шага
tv Устройства типа телевидения (low resolution, limited scroll ability)

Значения

Стоимость Описание
width Указывает ширину целевой области отображения.
"min-" и "max-" префиксы могут быть использованы.
Пример: СМИ = "экрана и (min-width:500px) "
height Определяет высоту целевой области отображения.
"min-" и "max-" префиксы могут быть использованы.
Пример: СМИ = «экрана и (max-height:700px) »
device-width Указывает ширину целевого отображения / бумаги.
"min-" и "max-" префиксы могут быть использованы.
Пример: СМИ = «экрана и (device-width:500px) »
device-height Указывает высоту целевого отображения / бумаги.
"min-" и "max-" префиксы могут быть использованы.
Пример: СМИ = «экрана и (device-height:500px) »
orientation Определяет ориентацию целевого отображения / бумаги.
Возможные значения: "portrait" или "landscape"
Пример: медиа = «все и (orientation: landscape) »
aspect-ratio Определяет соотношение ширина / высота целевой области отображения.
"min-" и "max-" префиксы могут быть использованы.
Пример: СМИ = «экран и (aspect-ratio:16/9) »
device-aspect-ratio Задает соотношение ширины устройства / устройства по высоте целевого дисплея / бумаги.
"min-" и "max-" префиксы могут быть использованы.
Пример: СМИ = «экран и (aspect-ratio:16/9) »
color Задает бит на цвет целевого дисплея.
"min-" и "max-" префиксы могут быть использованы.
Пример: СМИ = "экран и (color:3) "
color-index Определяет количество цветов целевого дисплея может обрабатывать.
"min-" и "max-" префиксы могут быть использованы.
Пример: СМИ = "экран и (min-color-index:256) "
monochrome Задает бит на пиксель в буфере кадра монохромный.
"min-" и "max-" префиксы могут быть использованы.
Пример: СМИ = "экран и (monochrome:2) "
resolution Определяет плотность пикселей (dpi or dpcm) на (dpi or dpcm) целевого дисплея / бумаги.
"min-" и "max-" префиксы могут быть использованы.
Пример: СМИ = «печать и (resolution:300dpi) на (resolution:300dpi) »
scan Указывает метод сканирования на экране телевизора.
Возможные значения "progressive" и "interlace" .
Пример: медиа = «ТВ и (scan:interlace) »
grid Указывает, если устройство вывода сетки или растрового изображения.
Возможные значения "1" для сетки, и "0" в противном случае.
Пример: медиа = "портативное и (grid:1) "

Технические подробности

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

Похожие страницы

HTML ссылка: HTML <source> атрибут медиа


<Источник объекта