Gli ultimi tutorial di sviluppo web
 

Source media Property

<Oggetto di origine

Esempio

Ritorno ciò che i media / device un file specifico è ottimizzato per:

var x = document.getElementById("mySource").media;

Il risultato di x sarà:

screen and (min-width:320px)
Prova tu stesso "

Definizione e l'utilizzo

Gli insiemi di proprietà dei media o restituisce il valore dei media attributo in un <source> elemento.

Il media attributo specifica il tipo di risorsa multimediale (ciò che i media / device il file è ottimizzato per).

Il browser può utilizzare il media attributo per determinare se può riprodurre il file o meno. Se non può, si può scegliere di non scaricarlo.

Nota: Il <source> elemento è nuovo in HTML5.


Supporto browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La proprietà dei media è supportata in tutti i principali browser.

Nota: Il media attributo tuttavia, non è supportato in uno qualsiasi dei principali browser.


Sintassi

Restituire la proprietà dei media:

sourceObject .media

Impostare la proprietà dei media:

sourceObject .media= Nota: Questa proprietà può assumere molti valori.

Possibili Operatori

Valore Descrizione
and Specifica un operatore AND
not Specifica un operatore NOT
, Specifica un operatore OR

dispositivi

Valore Descrizione
all Adatto per tutti i dispositivi. Questa è l'impostazione predefinita
aural sintetizzatori vocali
braille dispositivi di retroazione Braille
handheld Dispositivi palmari (small screen, limited bandwidth)
projection proiettori
print modalità di stampa l'anteprima delle pagine stampate /
screen Gli schermi di computer
tty Teletypes e supporti simili utilizzando una griglia di caratteri a passo fisso
tv Dispositivi di tipo televisivo (low resolution, limited scroll ability)

Valori

Valore Descrizione
width Specifica la larghezza dell'area di visualizzazione mirato.
"min-" e "max-" prefissi possono essere utilizzati.
Esempio: i media = "screen e (min-width:500px) "
height Specifica l'altezza dell'area di visualizzazione mirato.
"min-" e "max-" prefissi possono essere utilizzati.
Esempio: i media = "screen e (max-height:700px) "
device-width Specifica la larghezza del bersaglio display / carta.
"min-" e "max-" prefissi possono essere utilizzati.
Esempio: mezzi = "schermo e (device-width:500px) "
device-height Specifica l'altezza del bersaglio display / carta.
"min-" e "max-" prefissi possono essere utilizzati.
Esempio: mezzi = "schermo e (device-height:500px) "
orientation Specifica l'orientamento del target display / carta.
Valori possibili: "portrait" o "landscape"
Esempio: i media = "all e (orientation: landscape) "
aspect-ratio Specifica il rapporto larghezza / altezza dell'area di visualizzazione di destinazione.
"min-" e "max-" prefissi possono essere utilizzati.
Esempio: mezzi = "schermo (aspect-ratio:16/9) "
device-aspect-ratio Specifica il rapporto dispositivo-larghezza / altezza dispositivo del bersaglio display / carta.
"min-" e "max-" prefissi possono essere utilizzati.
Esempio: mezzi = "schermo (aspect-ratio:16/9) "
color Specifica i bit per colore di visualizzazione di destinazione.
"min-" e "max-" prefissi possono essere utilizzati.
Esempio: i media = "screen e (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: mezzi = "schermo (min-color-index:256) "
monochrome Specifica i bit per pixel in un frame buffer monocromatica.
"min-" e "max-" prefissi possono essere utilizzati.
Esempio: i media = "screen e (monochrome:2) "
resolution Specifica la densità di pixel (dpi or dpcm) del target display / carta.
"min-" e "max-" prefissi possono essere utilizzati.
Esempio: = multimediali "di stampa e (resolution:300dpi) "
scan Specifica metodo di scansione di uno schermo TV.
I valori possibili sono "progressive" e "interlace" .
Esempio: i media = "tv e (scan:interlace) "
grid Specifica se il dispositivo di uscita è griglia o bitmap.
I valori possibili sono "1" per la griglia, e "0" in caso contrario.
Esempio: mezzi = "palmare (grid:1) "

Dettagli tecnici

Valore di ritorno: A String, che rappresenta il tipo frastagliata della risorsa multimediale

Pagine correlate

Di riferimento HTML: HTML <source> attributo media


<Oggetto di origine