Media-eigenschap van de bron

HTML DOM Source object

Definitie en gebruik

media Stel de waarde in of geef de media-eigenschap van het <source>-element terug.

<source> media-eigenschap Vastgesteld het type mediabron (voor welke media/apparaten het bestand is geoptimaliseerd).

De browser kan de media-eigenschap gebruiken om te bepalen of het bestand kan worden afgespeeld. Als dit niet het geval is, kan het ervoor kiezen om het bestand niet te downloaden.

HTML reference manual:HTML <source> tag

Voorbeeld

Geef terug voor welke media/apparaten het bestand is geoptimaliseerd:

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

Probeer het zelf uit

Syntaxis

Geef de media-eigenschap terug:

sourceObject.media

Stel de media-eigenschap in:

sourceObject.media = value

Note:Deze eigenschap kan meerdere waarden accepteren.

Mogelijke berekeningsoperators

Waarde Beschrijving
and Vastgesteld AND-berekeningsoperator.
not Vastgesteld NOT-berekeningsoperator.
, Vastgesteld of berekeningsoperator.

Apparaat

Waarde Beschrijving
all Voor alle apparaten. Standaard.
aural Spraak synthesizer.
braille Braillefeedbackapparaat.
handheld Handheld apparaat (klein scherm, beperkte bandbreedte).
projection Projector
print Afdrukvoorbeeldmodus/afdrukpagina.
screen Computerscherm.
tty Elektronische telegraafmachine met vaste afstand tussen de tekens en soortgelijke media.
tv TV-apparaten (lage resolutie, beperkte scrollcapaciteit).

Eigenschapswaarde

Waarde Beschrijving
width

Bepaal de breedte van het doelbeeldgebied.

U kunt de voorvoegsels "min-" en "max-" gebruiken.

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

Bepaal de hoogte van het doelbeeldgebied.

U kunt de voorvoegsels "min-" en "max-" gebruiken.

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

Bepaal de breedte van het doelbeeldscherm/papier.

U kunt de voorvoegsels "min-" en "max-" gebruiken.

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

Bepaal de hoogte van het doelbeeldscherm/papier.

U kunt de voorvoegsels "min-" en "max-" gebruiken.

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

Bepaal de richting van het doelbeeldscherm/papier.

Mogelijke waarden: "portrait" of "landscape".

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

Bepaal de verhouding tussen de breedte en de hoogte van het doelbeeldgebied.

U kunt de voorvoegsels "min-" en "max-" gebruiken.

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

Bepaal de verhouding tussen de breedte en de hoogte van het doelbeeldscherm/papier.

U kunt de voorvoegsels "min-" en "max-" gebruiken.

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

Bepaal het aantal bits per kleur van het doelbeeldscherm.

U kunt de voorvoegsels "min-" en "max-" gebruiken.

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

Bepaal het aantal kleuren dat het doelbeeldscherm kan verwerken.

U kunt de voorvoegsels "min-" en "max-" gebruiken.

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

Bepaal het aantal bits per pixel in een monochroom framebuffer.

U kunt de voorvoegsels "min-" en "max-" gebruiken.

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

Bepaal de pixeldichtheid (dpi of dpcm) van het doelbeeldscherm/papier.

U kunt de voorvoegsels "min-" en "max-" gebruiken.

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

Bepaal de scanningsmethode van het tv-scherm.

De mogelijke waarden zijn "progressive" en "interlace".

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

Bepaal of het uitvoerapparaat een raster of een bitmap is.

De mogelijke waarden voor het raster zijn "1", anders is het "0".

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

Technical details

Return value: String value representing the type of media resource.

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

Note:However, no major browser supports the HTML media attribute.

Related pages

HTML reference manual:HTML <source> media attribute

HTML DOM Source object