Esempio
Utilizzare dei media attributi:
<source src="movie.ogg" type="video/ogg"
media="screen and (min-width:320px)">
Prova tu stesso " Definizione e utilizzo
Il media attributo specifica il tipo di risorsa multimediale (ciò che i media / device il file è ottimizzato per).
Il browser può utilizzare questo attributo per determinare se può riprodurre il file o meno. Se non può, si può scegliere di non scaricare.
Nota: Questo attributo può accettare più valori.
Supporto per il browser
Attributo | |||||
---|---|---|---|---|---|
media | Non supportato | Non supportato | Non supportato | Non supportato | Non supportato |
Differenze tra HTML 4.01 e HTML5
La <source> tag è nuovo in HTML5.
Sintassi
<source media="value">
Possibili Operators
Valore | Descrizione |
---|---|
and | Specifica un operatore AND |
not | Specifica un operatore NOT |
, | Specifica un operatore o |
dispositivi
Valore | Descrizione |
---|---|
all | Adatto a tutti i dispositivi. Questa è l'impostazione predefinita |
aural | sintetizzatori vocali |
braille | dispositivi di retroazione Braille |
handheld | dispositivi palmari (piccolo schermo, la larghezza di banda limitata) |
projection | proiettori |
modalità di stampa l'anteprima delle pagine stampate / | |
screen | Gli schermi di computer |
tty | Telescriventi e supporti simili utilizzando una griglia di carattere a passo fisso |
tv | dispositivi di tipo televisivo (bassa risoluzione, capacità di scorrimento limitata) |
Valori
Valore | Descrizione |
---|---|
width | Specifica la larghezza dell'area di visualizzazione di destinazione. "min-" e "max-" prefissi possono essere utilizzati. Esempio: media="screen and (min-width:500px)" |
height | Specifica l'altezza dell'area di visualizzazione di destinazione. "min-" e "max-" prefissi possono essere utilizzati. Example: media="screen and (max-height:700px)" |
class = "notranslate" device-width | Specifica la larghezza del bersaglio display / carta. "min-" e "max-" prefissi possono essere utilizzati. Esempio: media="screen and (device-width:500px)" |
device-height | Specifica l'altezza del bersaglio display / carta. "min-" e "max-" prefissi possono essere utilizzati. Esempio: media="screen and (device-height:500px)" |
orientation | Specifica l'orientamento del target display / carta. I valori possibili: "portrait" o "landscape" Esempio: media="all and (orientation: landscape)" |
aspect-ratio | Specifica il rapporto larghezza / altezza dell'area di visualizzazione di destinazione. "min-" e "max-" prefissi possono essere utilizzati. Esempio: media="screen and (aspect-ratio:16/9)" |
device-aspect-ratio | Specifica il rapporto dispositivo-larghezza / altezza dispositivo del target display / carta. "min-" e "max-" prefissi possono essere utilizzati. Esempio: media="screen and (aspect-ratio:16/9)" |
color | Specifica i bit per colore di visualizzazione di destinazione. "min-" e "max-" prefissi possono essere utilizzati. Esempio: media="screen and (color:3)" |
color-index | Specifica il numero di colori del display di destinazione in grado di gestire. "min-" e "max-" prefissi possono essere utilizzati. Esempio: media="screen and (min-color-index:256)" |
monochrome | Specifica i bit per pixel in un frame buffer in bianco e nero. "min-" e "max-" prefissi possono essere utilizzati. Esempio: media="screen and (monochrome:2)" |
resolution | Specifica la densità di pixel (dpi o DPCM) del target display / carta. "min-" e "max-" prefissi possono essere utilizzati. Esempio: media="print and (resolution:300dpi)" |
scan | Specifica metodo di scansione di uno schermo TV. I valori possibili sono "progressive" e "interlace" . Esempio: media="tv and (scan:interlace)" |
grid | Specifica se il dispositivo di uscita è di griglia o bitmap. I valori possibili sono "1" per la griglia, e "0" in caso contrario. Esempio: media="handheld and (grid:1)" |