Beispiel
Die Nutzung der media - Attribut:
<source src="movie.ogg" type="video/ogg"
media="screen and (min-width:320px)">
Versuch es selber " Definition und Verwendung
Das media - Attribut gibt die Art der Medien - Ressource (welche Medien / Gerät die Datei optimiert ist).
Der Browser kann dieses Attribut verwenden, um zu bestimmen, ob es sich um die Datei abspielen kann oder nicht. Wenn es nicht kann, kann sie nicht wählen, sie herunterzuladen.
Hinweis: Dieses Attribut kann mehrere Werte annehmen.
Browser-Unterstützung
| Attribut | |||||
|---|---|---|---|---|---|
| media | Nicht unterstützt | Nicht unterstützt | Nicht unterstützt | Nicht unterstützt | Nicht unterstützt |
Unterschiede zwischen HTML 4.01 und HTML5
Die <source> -Tag ist neu in HTML5.
Syntax
<source media="value">
Mögliche Operators
| Wert | Beschreibung |
|---|---|
| and | Gibt einen UND-Operator |
| not | Gibt einen NOT-Operator |
| , | Gibt einen OR-Operator |
Geräte
| Wert | Beschreibung |
|---|---|
| all | Geeignet für alle Geräte. Dies ist die Standardeinstellung |
| aural | Sprachsynthesizer |
| braille | Braille-Feedback-Geräte |
| handheld | Handheld-Geräte (kleiner Bildschirm, begrenzte Bandbreite) |
| projection | Projektoren |
| Der Vorschaumodus / Druckseiten | |
| screen | Computer-Bildschirme |
| tty | Fernschreiber und ähnliche Medien einen festen Zeichenraster mit |
| tv | TV-Typ-Geräte (niedrige Auflösung, begrenzte Scroll-Fähigkeit) |
Werte
| Wert | Beschreibung |
|---|---|
| width | Gibt die Breite des Zielanzeigebereich. "min-" und "max-" Präfixe verwendet werden kann. Beispiel: media="screen and (min-width:500px)" |
| height | Gibt die Höhe des Zielanzeigebereich. "min-" und "max-" Präfixe verwendet werden kann. Example: media="screen and (max-height:700px)" |
| class = "notranslate" device-width | Gibt die Breite des Zielanzeige / Papier. "min-" und "max-" Präfixe verwendet werden kann. Beispiel: media="screen and (device-width:500px)" |
| device-height | Gibt die Höhe des Zielanzeige / Papier. "min-" und "max-" Präfixe verwendet werden kann. Beispiel: media="screen and (device-height:500px)" |
| orientation | Gibt die Ausrichtung des Zielanzeige / Papier. Mögliche Werte: "portrait" oder "landscape" Beispiel: media="all and (orientation: landscape)" |
| aspect-ratio | Gibt die Breite / Höhe-Verhältnis der Zielanzeigebereich. "min-" und "max-" Präfixe verwendet werden kann. Beispiel: media="screen and (aspect-ratio:16/9)" |
| device-aspect-ratio | Gibt die Gerätebreite / device-Höhe-Verhältnis der Zielanzeige / Papier. "min-" und "max-" Präfixe verwendet werden kann. Beispiel: media="screen and (aspect-ratio:16/9)" |
| color | Gibt die Bits pro Farbe des Zielanzeige. "min-" und "max-" Präfixe verwendet werden kann. Beispiel: media="screen and (color:3)" |
| color-index | Gibt die Anzahl der Farben kann die Zielanzeige behandeln. "min-" und "max-" Präfixe verwendet werden kann. Beispiel: media="screen and (min-color-index:256)" |
| monochrome | Gibt die Bits pro Pixel in einem Monochrom-Frame-Puffer. "min-" und "max-" Präfixe verwendet werden kann. Beispiel: media="screen and (monochrome:2)" |
| resolution | Gibt die Pixeldichte (dpi oder dpcm) der Zielanzeige / Papier. "min-" und "max-" Präfixe verwendet werden kann. Beispiel: media="print and (resolution:300dpi)" |
| scan | Gibt Scan-Methode von einer TV-Anzeige. Mögliche Werte sind "progressive" und "interlace" . Beispiel: media="tv and (scan:interlace)" |
| grid | Gibt an, ob das Ausgabegerät Raster oder Bitmap ist. Mögliche Werte sind "1" für die Netz, und "0" sonst. Beispiel: media="handheld and (grid:1)" |