Μέσα ιδιότητας source
Ορισμός και χρήση
media
Ρύθμιση ή επιστροφή της τιμής της ιδιότητας media στο στοιχείο <source>.
<source> ιδιότητα media Προσδιορισμός του τύπου του μέσου των πόρων (ποια μέσα/συσκευές είναι προσαρμοσμένα για το αρχείο).
Ο περιηγητής μπορεί να χρησιμοποιήσει την ιδιότητα media για να καθορίσει αν μπορεί να παίξει το αρχείο. Αν δεν μπορεί, μπορεί να επιλέξει να μην κατεβάσει.
Εγχειρίδιο HTML:HTML <source> tag
Παράδειγμα
Επιστροφή ποια αρχεία είναι προσαρμοσμένα για ποια μέσα/συσκευές:
var x = document.getElementById("mySource").media;
Γραμματική
Επιστροφή της ιδιότητας media:
sourceObject.media
Ρύθμιση της ιδιότητας media:
sourceObject.media = value
Σημείωση:Αυτή η ιδιότητα μπορεί να αποδεχτεί πολλαπλές τιμές.
Πιθανό λογικό οπέρας
Wert | Beschreibung |
---|---|
and | Προσδιορισμός ή λογικός οπέρας AND. |
not | Προσδιορισμός ή λογικός οπέρας NOT. |
, | Προσδιορισμός ή λογικός οπέρας. |
Συσκευή
Wert | Beschreibung |
---|---|
all | Υποστηρίζεται από όλες τις συσκευές. Προεπιλεγμένο. |
aural | Συνθετής ουρανίου. |
braille | Συσκευή ανατροφοδότησης για κωφότυφλα. |
handheld | Χειροhltό εξοπλισμός (μικρός οθόνη, περιορισμένη εύρος ζώνης). |
projection | Προβολέας. |
Προεπισκόπηση εκτύπωσης/σελίδα εκτύπωσης. | |
screen | Πληκτρολόγιο υπολογιστή. |
tty | Χρήση τηλετυπογράφου με σταθερή απόσταση χαρακτήρων και παρόμοια μέσα. |
tv | Τηλεοπτικού τύπου εξοπλισμός (χαμηλή λύση, περιορισμένη δυνατότητα κύλισης). |
Attributwert
Wert | Beschreibung |
---|---|
width |
Bestimmt die Breite des Zielschirms. Es können Präfixe "min-" und "max-" verwendet werden. Beispiel: media="screen and (min-width:500px)" |
height |
Bestimmt die Höhe des Zielschirms. Es können Präfixe "min-" und "max-" verwendet werden. Beispiel: media="screen and (max-height:700px)" |
device-width |
Bestimmt die Breite des Zielschirms/Papiers. Es können Präfixe "min-" und "max-" verwendet werden. Beispiel: media="screen and (device-width:500px)" |
device-height |
Bestimmt die Höhe des Zielschirms/Papiers. Es können Präfixe "min-" und "max-" verwendet werden. Beispiel: media="screen and (device-height:500px)" |
orientation |
Bestimmt die Richtung des Zielschirms/Papiers. Mögliche Werte: "portrait" oder "landscape". Beispiel: media="all and (orientation: landscape)" |
aspect-ratio |
Bestimmt das Breitenaufnahmeverhältnis des Zielschirms. Es können Präfixe "min-" und "max-" verwendet werden. Beispiel: media="screen and (aspect-ratio:16/9)" |
device-aspect-ratio |
Bestimmt das Gerätswidth/Device-Height-Verhältnis des Zielschirms/Papiers. Es können Präfixe "min-" und "max-" verwendet werden. Beispiel: media="screen and (aspect-ratio:16/9)" |
color |
Bestimmt die Anzahl der Bits pro Farbe des Zielschirms. Es können Präfixe "min-" und "max-" verwendet werden. Beispiel: media="screen and (color:3)" |
color-index |
Bestimmt die Anzahl der Farben, die der Zielschirm verarbeiten kann. Es können Präfixe "min-" und "max-" verwendet werden. Beispiel: media="screen and (min-color-index:256)" |
monochrome |
Bestimmt die Anzahl der Bits pro Pixel im monochromen Framebuffer. Es können Präfixe "min-" und "max-" verwendet werden. Beispiel: media="screen and (monochrome:2)" |
resolution |
Bestimmt die Pixel-Dichte (dpi oder dpcm) des Zielschirms/Papiers. Es können Präfixe "min-" und "max-" verwendet werden. Beispiel: media="print and (resolution:300dpi)" |
scan |
Bestimmt die Scanmethode des Fernsehbildschirms. Mögliche Werte sind "progressive" und "interlace". Beispiel: media="tv and (scan:interlace)" |
grid |
Bestimmt, ob die Ausgabevorrichtung ein Gitter oder ein Bitmap ist. Die möglichen Werte sind "1" oder "0", falls nicht anders angegeben. Παράδειγμα: media="handheld and (grid:1)" |
Τεχνικές λεπτομέρειες
Αποτελεσματικότητα: | Ταυτότητα συμβολοσειράς που δείχνει τον τύπο του πόρου μέσων. |
---|
Υποστήριξη περιηγητών
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Υποστήριξη | Υποστήριξη | Υποστήριξη | Υποστήριξη | Υποστήριξη |
Σημείωση:Ωστόσο, κανένας κύριος περιηγητής δεν υποστηρίζει την ιδιότητα media του HTML.
Συσχετικές σελίδες
Εγχειρίδιο HTML:HTML <source> attribute μιδία