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;
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 |
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