Source media-attribut

Definition och användning

media Ställ in eller returnera värdet för media-attributet i <source>-elementet.

<source> media-attribut Definiera typen av mediakälla (vilka medier/enheter som filen är optimerad för).

Webbläsare kan använda media-attributet för att avgöra om den kan spela upp filen. Om inte, kan den välja att inte ladda ner.

HTML-referenshandbok:HTML <source>-tag

Exempel

Returnera specifika filer för vilka medier/enheter som är optimerade:

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

Prova själv

Syntax

Returnera media-attribut:

sourceObject.media

Ställ in media-attribut:

sourceObject.media = value

Kommentar:Denna egenskap kan acceptera flera värden.

Möjliga operatorer

Värde Beskrivning
and Reglerande eller logisk operator AND.
not Reglerande eller logisk operator NOT.
, Reglerande eller logisk operator.

Enhet

Värde Beskrivning
all Används för alla enheter. Standard.
aural Röstgenerator.
braille Blindtextfeedbackenheter.
handheld Handholdna enheter (låg skärm, begränsad bandbredd).
projection Projektor
print Förhandsgranskning av utskrift/luttext.
screen Datorskärm.
tty Telegraffaktorer och liknande medier som använder en fast avståndsteckenraster.
tv TV-typ av enhet (låg upplösning, begränsad rullningsförmåga).

Egenskapsvärde

Värde Beskrivning
width

Definiera bredden för måldisplayområdet.

Det kan användas prefixen "min-" och "max-".

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

height

Definiera höjden för måldisplayområdet.

Det kan användas prefixen "min-" och "max-".

Exempel: media="screen and (max-height:700px)"

device-width

Definiera bredden för måldisplayet/papperet.

Det kan användas prefixen "min-" och "max-".

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

device-height

Definiera höjden för måldisplayet/papperet.

Det kan användas prefixen "min-" och "max-".

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

orientation

Definiera riktningen för måldisplayet/papperet.

Möjliga värden: "portrait" eller "landscape".

Exempel: media="all and (orientation: landscape)"

aspect-ratio

Definiera bredd/ höjd-ratios för måldisplayområdet.

Det kan användas prefixen "min-" och "max-".

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

device-aspect-ratio

Definiera enhetsbredd/ enhetshöjd-ratios för måldisplayet/papperet.

Det kan användas prefixen "min-" och "max-".

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

color

Definiera antalet bitar per färg för måldisplayet.

Det kan användas prefixen "min-" och "max-".

Exempel: media="screen and (color:3)"

color-index

Definiera antalet färger som måldisplayet kan hantera.

Det kan användas prefixen "min-" och "max-".

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

monochrome

Definiera antalet bitar per pixel i monokrom ramminne.

Det kan användas prefixen "min-" och "max-".

Exempel: media="screen and (monochrome:2)"

resolution

Definiera pixel密度 (dpi eller dpcm) för måldisplayet/papperet.

Det kan användas prefixen "min-" och "max-".

Exempel: media="print and (resolution:300dpi)"

scan

Definiera skanningmetoden för TV-skärmen.

Möjliga värden är "progressive" och "interlace".

Exempel: media="tv and (scan:interlace)"

grid

Definiera om utdataenheten är en grid eller en bitmap.

Möjliga värden för "grid" är "1", annars är det "0".

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

Tekniska detaljer

Returvärde: Strängvärde som anger typen av mediakälla.

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stödjer Stödjer Stödjer Stödjer Stödjer

Kommentar:Men inga huvudsakliga webbläsare stöder HTML media-attribut.

Relaterade sidor

HTML-referenshandbok:HTML <source> media-attribut