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