Attributo media del source

Oggetto Source DOM HTML

Definizione e uso

media Imposta o restituisce il valore dell'attributo media dell'elemento <source>.

Attributo media del tag <source> Specifica il tipo di risorsa multimediale (per quali media/dispositivi il file è ottimizzato).

Il browser può utilizzare l'attributo media per determinare se può riprodurre il file. Se non può, può scegliere di non scaricare.

Manuale di riferimento HTML:Tag <source> HTML

Esempio

Restituisce per quali media/dispositivi il file è ottimizzato:

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

Prova personalmente

Sintassi

Restituisce l'attributo media:

sourceObject.media

Imposta l'attributo media:

sourceObject.media = value

Nota:Questa proprietà può accettare più valori.

Operatore possibile

Valore Descrizione
and Operatore AND specificato.
not Operatore NOT specificato.
, Operatore OR o valore specificato.

Dispositivo

Valore Descrizione
all Adatto a tutti i dispositivi. Predefinito.
aural Sintetizzatore vocale.
braille Dispositivo di feedback in braille.
handheld Dispositivi portatili (schermo piccolo, banda larga limitata).
projection Proiettore
print Modalità di anteprima di stampa / pagina di stampa.
screen Schermo del computer.
tty Telexwriter con griglia di caratteri a spaziatura fissa e media simili.
tv Dispositivi di tipo TV (risoluzione bassa, capacità di scorrimento limitata).

Valore dell'attributo

Valore Descrizione
width

Definire la larghezza della regione di visualizzazione target.

Puoi usare i prefissi "min-" e "max-".

Esempio: media="screen and (min-width:500px)"
height

Definire l'altezza della regione di visualizzazione target.

Puoi usare i prefissi "min-" e "max-".

Esempio: media="screen and (max-height:700px)"
device-width

Definire la larghezza del display/pagina target.

Puoi usare i prefissi "min-" e "max-".

Esempio: media="screen and (device-width:500px)"
device-height

Definire l'altezza del display/pagina target.

Puoi usare i prefissi "min-" e "max-".

Esempio: media="screen and (device-height:500px)"
orientation

Definire la direzione del display/pagina target.

Valori possibili: "portrait" o "landscape".

Esempio: media="all and (orientation: landscape)"
aspect-ratio

Definire il rapporto larghezza/altezza della regione di visualizzazione target.

Puoi usare i prefissi "min-" e "max-".

Esempio: media="screen and (aspect-ratio:16/9)"
device-aspect-ratio

Definire il rapporto larghezza/altezza del dispositivo per il display/pagina target.

Puoi usare i prefissi "min-" e "max-".

Esempio: media="screen and (aspect-ratio:16/9)"
color

Definire il numero di bit per colore del display target.

Puoi usare i prefissi "min-" e "max-".

Esempio: media="screen and (color:3)"
color-index

Definire il numero di colori che il display target può gestire.

Puoi usare i prefissi "min-" e "max-".

Esempio: media="screen and (min-color-index:256)"
monochrome

Definire il numero di bit per pixel nel buffer di frame monocromatico.

Puoi usare i prefissi "min-" e "max-".

Esempio: media="screen and (monochrome:2)"
resolution

Definire la densità di pixel (dpi o dpcm) del display/pagina target.

Puoi usare i prefissi "min-" e "max-".

Esempio: media="print and (resolution:300dpi)"
scan

Definire il metodo di scansione del display TV.

I valori possibili sono "progressive" e "interlace".

Esempio: media="tv and (scan:interlace)"
grid

Definire se l'unità di uscita è una griglia o una bitmap.

Il valore possibile della griglia è "1", altrimenti è "0".

Esempio: media="handheld and (grid:1)"

Dettagli tecnici

Valore di ritorno: Valore di stringa che rappresenta il tipo di risorsa multimediale.

Supporto dei browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto

Nota:Tuttavia, nessun browser principale supporta l'attributo media dell'HTML.

Pagine correlate

Manuale di riferimento HTML:Proprietà media del tag <source> HTML

Oggetto Source DOM HTML