Przykład
Korzystanie z media atrybutu:
<source src="movie.ogg" type="video/ogg"
media="screen and (min-width:320px)">
Spróbuj sam " Definicja i Wykorzystanie
media atrybut określa typ zasobu nośnika (co media / Urządzenie plik jest zoptymalizowany pod kątem).
Przeglądarka może używać tego atrybutu do określenia, czy może odtworzyć pliku, czy też nie. Jeśli nie, to może zrezygnować, aby go pobrać.
Uwaga: Ten atrybut może przyjmować kilka wartości.
Pomoc Browser
Atrybut | |||||
---|---|---|---|---|---|
media | Nieobsługiwany | Nieobsługiwany | Nieobsługiwany | Nieobsługiwany | Nieobsługiwany |
Różnice między HTML 4.01 i HTML5
<source> tag nowego w HTML5.
Składnia
<source media="value">
możliwe Operators
Wartość | Opis |
---|---|
and | Określa operatora AND |
not | Określa operator nie |
, | Określa operatora lub |
Pomysłowość
Wartość | Opis |
---|---|
all | Nadaje się do wszystkich urządzeń. Jest to domyślny |
aural | syntezatory mowy |
braille | Braille urządzenia feedback |
handheld | Urządzenia przenośne (mały ekran, ograniczona przepustowość) |
projection | projektory |
Print Preview Mode / wydrukowanych stron | |
screen | ekrany komputerowe |
tty | Dalekopisów i podobnych mediów używających siatki znaków stałym skoku |
tv | urządzenia typu Telewizor (niska rozdzielczość, umiejętność ograniczona przewijania) |
wartości
Wartość | Opis |
---|---|
width | Określa szerokość obszaru docelowego wyświetlacza. "min-" i "max-" prefiksy mogą być użyte. Przykład: media="screen and (min-width:500px)" |
height | Określa wysokość docelowego obszaru wyświetlania. "min-" i "max-" prefiksy mogą być użyte. Example: media="screen and (max-height:700px)" |
class = "notranslate" device-width | Określa szerokość docelowej wyświetlacza / papieru. "min-" i "max-" prefiksy mogą być użyte. Przykład: media="screen and (device-width:500px)" |
device-height | Określa wysokość docelowego wyświetlacza / papieru. "min-" i "max-" prefiksy mogą być użyte. Przykład: media="screen and (device-height:500px)" |
orientation | Określa orientację docelowego wyświetlacza / papieru. Możliwe wartości: "portrait" lub "landscape" Przykład: media="all and (orientation: landscape)" |
aspect-ratio | Określa stosunek szerokość / wysokość docelowego obszaru wyświetlania. "min-" i "max-" prefiksy mogą być użyte. Przykład: media="screen and (aspect-ratio:16/9)" |
device-aspect-ratio | Określa stosunek szerokości urządzenia / urządzeń, wysokość docelowego wyświetlacza / papieru. "min-" i "max-" prefiksy mogą być użyte. Przykład: media="screen and (aspect-ratio:16/9)" |
color | Określa bitów na kolor wyświetlacza docelowego. "min-" i "max-" prefiksy mogą być użyte. Przykład: media="screen and (color:3)" |
color-index | Określa liczbę kolorów wyświetlacz cel może obsłużyć. "min-" i "max-" prefiksy mogą być użyte. Przykład: media="screen and (min-color-index:256)" |
monochrome | Określa bity na piksel w buforze ramki monochromatycznych. "min-" i "max-" prefiksy mogą być użyte. Przykład: media="screen and (monochrome:2)" |
resolution | Określa gęstość pikseli (dpi) lub dpcm o docelowej wyświetlacza / papieru. "min-" i "max-" prefiksy mogą być użyte. Przykład: media="print and (resolution:300dpi)" |
scan | Określa metodę skanowania na ekranie TV. Możliwe wartości to "progressive" i "interlace" . Przykład: media="tv and (scan:interlace)" |
grid | Określa, czy urządzenie wyjściowe jest siatka lub bitmapy. Możliwe są wartości "1" na ruszcie, a "0" w przeciwnym razie. Przykład: media="handheld and (grid:1)" |