Właściwość media źródła

Obiekt DOM Source HTML

Definicja i użycie

media Ustawienie lub zwrócenie wartości właściwości media elementu <source>.

<source> właściwość media Definicja typu zasobów mediów (plik jest zoptymalizowany dla jakich mediów/urządzeń).

Przeglądarka może używać właściwości media, aby określić, czy może odtworzyć plik. Jeśli nie, może zdecydować się na niepobieranie.

Podręcznik referencyjny HTML:Znacznik <source> HTML

Przykład

Zwróć konkretne pliki, które są zoptymalizowane dla jakich mediów/urządzeń:

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

Spróbuj sam

Gramatyka

Zwróć właściwość media:

sourceObject.media

Ustawienie właściwości media:

sourceObject.media = value

Komentarz:Ta właściwość może przyjąć wiele wartości.

Możliwe operatory

Wartość Opis
and Definicja AND operatora.
not Definicja NOT operatora.
, Definicja OR operatora.

Urządzenie

Wartość Opis
all Dla wszystkich urządzeń. Domyślnie.
aural Syntezator mowy.
braille Urządzenie do zwrotnego oddawania braila.
handheld Urządzenia przenośne (mały ekran, ograniczona przepustowość).
projection Projektor
print Tryb podglądu drukowania / strona drukowania.
screen Ekran komputerowy.
tty Telegraf maszyny drukujące z siatką znaków o stałej odległości oraz podobne media.
tv Urządzenia telewizyjne (niska rozdzielczość, ograniczona zdolność przewijania).

Wartość atrybutu

Wartość Opis
width

Zdefiniuj szerokość docelowego obszaru wyświetlania.

Można używać przedrostków "min-" i "max-".

Przykład: media="screen and (min-width:500px)"
height

Zdefiniuj wysokość docelowego obszaru wyświetlania.

Można używać przedrostków "min-" i "max-".

Przykład: media="screen and (max-height:700px)"
device-width

Zdefiniuj szerokość monitora/papieru docelowego.

Można używać przedrostków "min-" i "max-".

Przykład: media="screen and (device-width:500px)"
device-height

Zdefiniuj wysokość monitora/papieru docelowego.

Można używać przedrostków "min-" i "max-".

Przykład: media="screen and (device-height:500px)"
orientation

Zdefiniuj kierunek monitora/papieru docelowego.

Możliwe wartości: "portrait" lub "landscape".

Przykład: media="all and (orientation: landscape)"
aspect-ratio

Zdefiniuj współczynnik szerokości do wysokości docelowej obszaru wyświetlania.

Można używać przedrostków "min-" i "max-".

Przykład: media="screen and (aspect-ratio:16/9)"
device-aspect-ratio

Zdefiniuj współczynnik szerokości do wysokości urządzenia monitora/papieru.

Można używać przedrostków "min-" i "max-".

Przykład: media="screen and (aspect-ratio:16/9)"
color

Zdefiniuj liczbę bitów na każdy kolor monitora docelowego.

Można używać przedrostków "min-" i "max-".

Przykład: media="screen and (color:3)"
color-index

Zdefiniuj liczbę kolorów, które monitor docelowy może przetwarzać.

Można używać przedrostków "min-" i "max-".

Przykład: media="screen and (min-color-index:256)"
monochrome

Zdefiniuj liczbę bitów na każdy piksel w buforze monochromatycznym.

Można używać przedrostków "min-" i "max-".

Przykład: media="screen and (monochrome:2)"
resolution

Zdefiniuj gęstość pikseli monitora docelowego/papieru (dpi lub dpcm).

Można używać przedrostków "min-" i "max-".

Przykład: media="print and (resolution:300dpi)"
scan

Zdefiniuj metodę skanowania monitora telewizyjnego.

Możliwe wartości to "progressive" i "interlace".

Przykład: media="tv and (scan:interlace)"
grid

Zdefiniuj, czy urządzenie wyjściowe to siatka czy bitmapa.

Możliwe wartości sieci to "1", w przeciwnym razie "0".

Przykład: media="handheld and (grid:1)"

Szczegóły techniczne

Wartość zwracana: Wartość ciągowa, która oznacza typ zasobu multimedialnego.

Wsparcie przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Obsługa Obsługa Obsługa Obsługa Obsługa

Komentarz:Jednak żadna główna przeglądarka nie obsługuje atrybutu media dla znacznika HTML media.

Strony związane

Podręcznik referencyjny HTML:Atrybut media dla znacznika <source> HTML

Obiekt DOM Source HTML