Najnowsze tutoriale tworzenie stron internetowych
 

HTML <source> media Attribute

<HTML <source> tag

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 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)"

<HTML <source> tag