Örnek
Kullanımına media özniteliği:
<source src="movie.ogg" type="video/ogg"
media="screen and (min-width:320px)">
Kendin dene " Tanımı ve Kullanımı
media nitelik medya kaynağının türünü belirtir (what media/device the file is optimized for) .
tarayıcı dosyayı oynatmak veya olup olmadığını belirlemek için bu özelliği kullanabilirsiniz. o, o seçebilir yapamıyorsanız indirmek için değil.
Note: Bu özellik çeşitli değerleri kabul edebilir.
Tarayıcı Desteği
| nitelik | |||||
|---|---|---|---|---|---|
| media | Desteklenmiyor | Desteklenmiyor | Desteklenmiyor | Desteklenmiyor | Desteklenmiyor |
HTML 4.01 ve HTML5 Arasındaki Farklar
<source> etiketi HTML5 getirdiği bir yeniliktir.
Sözdizimi
<source media=" Olası Operators değer Açıklama and VE operatörünü belirtir not bir operatörleri belirtir , OR operatörünü belirtir
Cihazlar
değer Açıklama all tüm cihazlar için uygundur. Bu varsayılan aural sentezleyici braille Braille geri besleme elemanları handheld El cihazları (small screen, limited bandwidth) projection Projektörler print Baskı önizleme modu / yazdırılan sayfalar screen Bilgisayar ekranları tty sabit harfleri dizebilen Teletypes ve benzeri ortam tv Televizyon tipi cihazlar (low resolution, limited scroll ability)
Değerler
değer Açıklama width Hedeflenen görüntüleme alanının genişliğini belirtir.
"min-" ve "max-" önekleri kullanılabilir.
Örnek: media="screen and (min-width:500px)" height Hedeflenen görüntüleme alanının yüksekliğini belirtir.
"min-" ve "max-" önekleri kullanılabilir.
Example: media="screen and (max-height:700px)" Sınıf = "notranslate" aygıt genişliği Hedef görüntü / kağıt genişliğini belirtir.
"min-" ve "max-" önekleri kullanılabilir.
Örnek: media="screen and (device-width:500px)" device-height Hedef ekran / kağıdın yüksekliğini belirtir.
"min-" ve "max-" önekleri kullanılabilir.
Örnek: media="screen and (device-height:500px)" orientation Hedef ekran / kağıdın yönünü belirtir.
Olası değerler: "portrait" veya "landscape"
Örnek: media="all and (orientation: landscape)" aspect-ratio hedeflenen görüntüleme alanının genişlik / yükseklik oranını belirtir.
"min-" ve "max-" önekleri kullanılabilir.
Örnek: media="screen and (aspect-ratio:16/9)" device-aspect-ratio Hedef görüntü / kağıt aygıt genişliği / aygıt yükseklik oranını belirtir.
"min-" ve "max-" önekleri kullanılabilir.
Örnek: media="screen and (aspect-ratio:16/9)" color Hedef ekranın renk başına bit belirtir.
"min-" ve "max-" önekleri kullanılabilir.
Örnek: media="screen and (color:3)" color-index Hedef ekran işleyebilir renk sayısını belirtir.
"min-" ve "max-" önekleri kullanılabilir.
Örnek: media="screen and (min-color-index:256)" monochrome Tek renkli bir çerçeve tampon piksel başına bit belirtir.
"min-" ve "max-" önekleri kullanılabilir.
Örnek: media="screen and (monochrome:2)" resolution Piksel yoğunluğunu belirler (dpi or dpcm) hedef görüntüleme / kağıt.
"min-" ve "max-" önekleri kullanılabilir.
Örnek: media="print and (resolution:300dpi)" scan tv ekranın tarama yöntemini belirtir.
Olası değerler "progressive" ve "interlace" .
Örnek: media="tv and (scan:interlace)" grid Çıkış cihazı ızgara veya bitmap olup olmadığını belirtir.
Olası değerler "1" ızgara ve "0" , aksi.
Örnek: media="handheld and (grid:1)"