Ultimele tutoriale de dezvoltare web
 

HTML <source> media Attribute

<HTML <source> tag - ul

Exemplu

Utilizați din media - media atributului:

<source src="movie.ogg" type="video/ogg"
media="screen and (min-width:320px)">
Încearcă - l singur »

Definiție și utilizare

media atribut specifica tipul de resursă mass - media (what media/device the file is optimized for) - (what media/device the file is optimized for) .

Browserul poate utiliza acest atribut pentru a stabili dacă acesta poate reda fișierul sau nu. În cazul în care nu se poate, se poate alege să nu-l descărcați.

Note: Acest atribut poate accepta mai multe valori.


Suport pentru browser-

Atribut
media Nu sunt acceptate Nu sunt acceptate Nu sunt acceptate Nu sunt acceptate Nu sunt acceptate

Diferențe între HTML 4.01 și HTML5

<source> tag - ul este nou în HTML5.


Sintaxă

<source media=" posibile Operators
Valoare Descriere
and Specifică un operator AND
not Specifică un operator NU
, Specifică un operator sau

Dispozitive

Valoare Descriere
all Potrivit pentru toate dispozitivele. Acest lucru este implicit
aural sintetizatoare de vorbire
braille Dispozitive de feedback Braille
handheld Dispozitive portabile (small screen, limited bandwidth) de (small screen, limited bandwidth)
projection Proiectoare
print Mod de imprimare previzualizare / pagini imprimate
screen ecrane de calculator
tty Și alte mijloace media similare-terminale care utilizează o grilă de caractere cu pas fix
tv Dispozitivele de tip televiziune (low resolution, limited scroll ability) de (low resolution, limited scroll ability)

valori

Valoare Descriere
width Specifică lățimea zonei de afișare vizate.
"min-" și "max-" prefixe pot fi folosite.
Exemplu: media="screen and (min-width:500px)"
height Specifică înălțimea zonei de afișare vizate.
"min-" și "max-" prefixe pot fi folosite.
Example: media="screen and (max-height:700px)"
class = „notranslate“ dispozitiv lățime Specifică lățimea țintă de afișare / hârtie.
"min-" și "max-" prefixe pot fi folosite.
Exemplu: media="screen and (device-width:500px)"
device-height Specifică înălțimea țintă de afișare / hârtie.
"min-" și "max-" prefixe pot fi folosite.
Exemplu: media="screen and (device-height:500px)"
orientation Specifică orientarea țintă de afișare / hârtie.
Valori posibile: "portrait" sau "landscape"
Exemplu: media="all and (orientation: landscape)"
aspect-ratio Specifică raportul lățime / înălțime a zonei vizate de afișare.
"min-" și "max-" prefixe pot fi folosite.
Exemplu: media="screen and (aspect-ratio:16/9)" de media="screen and (aspect-ratio:16/9)"
device-aspect-ratio Specifică raportul dispozitiv lățime / înălțime dispozitiv de afișare țintă / hârtie.
"min-" și "max-" prefixe pot fi folosite.
Exemplu: media="screen and (aspect-ratio:16/9)" de media="screen and (aspect-ratio:16/9)"
color Specifică biți per culoare de afișare țintă.
"min-" și "max-" prefixe pot fi folosite.
Exemplu: media="screen and (color:3)"
color-index Specifică numărul de culori display-țintă se pot ocupa.
"min-" și "max-" prefixe pot fi folosite.
Exemplu: media="screen and (min-color-index:256)"
monochrome Specifică biții per pixel într-un buffer de cadre monocrom.
"min-" și "max-" prefixe pot fi folosite.
Exemplu: media="screen and (monochrome:2)"
resolution Specifică densitatea pixelilor (dpi or dpcm) a afișajului țintă / hârtie.
"min-" și "max-" prefixe pot fi folosite.
Exemplu: media="print and (resolution:300dpi)"
scan Specifică metoda de scanare a unui ecran TV.
Valorile posibile sunt "progressive" și "interlace" .
Exemplu: media="tv and (scan:interlace)"
grid Specifică dacă dispozitivul de ieșire este grila sau bitmap.
Valorile posibile sunt "1" pentru grilă, și "0" în caz contrar.
Exemplu: media="handheld and (grid:1)"

<HTML <source> tag - ul