Kilde media egenskap

HTML DOM Source objekt

Definisjon og bruk

media Setter eller returnerer verdien til media-egenskapen i <source>-elementet.

<source> media egenskap Definerer typen media-resurs (filen er optimalisert for hvilke medier/enheter).

Browseren kan bruke media-egenskapen til å bestemme om den kan spille av filen. Hvis ikke, kan den velge å ikke laste ned.

HTML referencerhåndbog:HTML <source> tag

Eksempel

Returnerer hvilke medier/enheter filen er optimalisert for:

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

Prøv det selv

Syntaks

Returner media egenskapen:

sourceObject.media

Sett media egenskapen:

sourceObject.media = value

Bemærk:Denne egenskapen kan akseptere flere verdier.

Mulige operatører

Værdi Beskrivelse
and Regel AND operatør.
not Regel NOT operatør.
, Regel OR operatør.

Enhet

Værdi Beskrivelse
all Tilgjengelig for alle enheter. Standard.
aural Røstkomponerator.
braille Blindtastatur tilbakemeldingsenhet.
handheld Håndholdte enheter (liten skjerm, begrenset båndbredde).
projection Projektor
print Utskriftsforhåndsvisning / utskriftsside.
screen Dataskjerm.
tty Tilpasset avstand tegn gitter telegraffeks og lignende medier.
tv Televisjonstyper av enheter (lav oppløsning, begrenset rullingskapasitet).

Egenskabsværdi

Værdi Beskrivelse
width

Definerer målens bredde for det målrettede visningsområde.

Man kan bruge præfiksene "min-" og "max-".

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

Definerer målens højde for det målrettede visningsområde.

Man kan bruge præfiksene "min-" og "max-".

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

Definerer målens bredde.

Man kan bruge præfiksene "min-" og "max-".

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

Definerer målens højde.

Man kan bruge præfiksene "min-" og "max-".

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

Definerer målens skærm/papirs retning.

Målene er "portrait" eller "landscape".

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

Definerer målens bredde/højde-forhold for den målrettede visningsområde.

Man kan bruge præfiksene "min-" og "max-".

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

Definerer målens enhedsvæde/enhøjde-forhold.

Man kan bruge præfiksene "min-" og "max-".

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

Definerer antallet af bits per farve for målets skærm.

Man kan bruge præfiksene "min-" og "max-".

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

Definerer antallet af farver, som målet kan håndtere.

Man kan bruge præfiksene "min-" og "max-".

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

Definerer antallet af bits per pixel i en monokrom framebuffer.

Man kan bruge præfiksene "min-" og "max-".

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

Definerer målens skærm/papirs pixels tæthed (dpi eller dpcm).

Man kan bruge præfiksene "min-" og "max-".

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

Definerer skanningsmetoden for TV-skærmen.

Målene er "progressive" og "interlace".

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

Definerer om output-enheden er en grid eller en bitmap.

Målene for "grid" er "1", ellers er det "0".

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

Tekniske detaljer

Returværdi: Strengværdi, der angiver typen af medieressource.

Browser understøttelse

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Understøttelse Understøttelse Understøttelse Understøttelse Understøttelse

Bemærk:Men ingen af de vigtigste browsere understøtter HTML media egenskab.

Relaterede sider

HTML referencerhåndbog:HTML <source> media egenskab

HTML DOM Source objekt