Kaynak medya özelliği

HTML DOM Source nesnesi

Tanımlama ve kullanım

media Özellik, <source> elementindeki media özelliğinin değerini ayarlar veya döndürür.

<source> media özelliği Medya kaynaklarının türünü belirler (dosya hangi medya/cihazlar için optimize edilmiştir).

Tarayıcı, media özelliğini kullanarak dosyanın oynatılabilir olup olmadığını belirleyebilir. Oynatılamazsa, indirmemeyi seçebilir.

HTML referans el kitabı:HTML <source> etiketi

Örnek

Belirli bir dosyanın hangi medya/cihazlar için optimize edildiğini döndürür:

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

Kişisel olarak deneyin

Sözdizimi

media özelliğini döndürün:

sourceObject.media

media özelliğini ayarlayın:

sourceObject.media = value

Açıklama:Bu özellik birden fazla değeri kabul edebilir.

Mümkün olan operatörler

Değer Açıklama
and Tanımlama AND operatörü.
not Tanımlama NOT operatörü.
, Tanımlama veya işletim operatörü.

Cihaz

Değer Açıklama
all Tüm cihazlar için.Varsayılan.
aural Ses sentezleyici.
braille Braille geri bildirim cihazı.
handheld El altında cihazlar (küçük ekran, sınırlı bant genişliği).
projection Proje makinesi
print Yazıcı önizleme modu/yazıcı sayfası.
screen Bilgisayar ekranı.
tty Sabit aralık karakter ağırlıklı telgraf makinesi ve benzer medyalar.
tv Düşük çözünürlüklü, sınırlı kaydırma yeteneği olan televizyon türü cihazlar.

Özellik değeri

Değer Açıklama
width

Hedef gösterim alanının genişliğini belirler。

"min-" ve "max-" öneklerini kullanabilirsiniz。

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

Hedef gösterim alanının yüksekliğini belirler。

"min-" ve "max-" öneklerini kullanabilirsiniz。

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

Hedef ekran/papuçun genişliğini belirler。

"min-" ve "max-" öneklerini kullanabilirsiniz。

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

Hedef ekran/papuçun yüksekliğini belirler。

"min-" ve "max-" öneklerini kullanabilirsiniz。

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

Hedef ekran/papuçun yönünü belirler。

Olası değerler: "portrait" veya "landscape".

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

Hedef gösterim alanının genişlik/yükseklik oranını belirler。

"min-" ve "max-" öneklerini kullanabilirsiniz。

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

Hedef ekran/papuçun cihaz genişliği/cihaz yüksekliği oranını belirler。

"min-" ve "max-" öneklerini kullanabilirsiniz。

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

Hedef ekranın her renginin bit sayısını belirler。

"min-" ve "max-" öneklerini kullanabilirsiniz.

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

Hedef ekranın işleyebileceği renk sayısını belirler。

"min-" ve "max-" öneklerini kullanabilirsiniz。

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

Tek renkli çerçeve buffer'ında her pikselin bit sayısını belirler。

"min-" ve "max-" öneklerini kullanabilirsiniz。

Örnek: media="screen and (monochrome:2)"
resolution

Hedef ekran/papuçun piksel yoğunluğunu (dpi veya dpcm) belirler。

"min-" ve "max-" öneklerini kullanabilirsiniz。

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

Televizyon ekranının tarayım yöntemini belirler。

Olası değerler "progressive" ve "interlace"tir.

Örnek: media="tv and (scan:interlace)"
grid

Çıktı cihazının ağ veya bit haritası olup olmadığını belirler。

Ağın olası değeri "1" olmalıdır, aksi takdirde "0" olmalıdır。

Örnek: media="handheld and (grid:1)"

Teknik ayrıntılar

Dönüş değerleri: Medya kaynaklarının türünü ifade eden bir dizi karakter

Tarayıcı desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Desteklenen Desteklenen Desteklenen Desteklenen Desteklenen

Açıklama:Ancak, herhangi bir ana tarayıcı HTML medya özelliğini desteklememektedir.

İlgili sayfalar

HTML referans el kitabı:HTML <source> medya özelliği

HTML DOM Source nesnesi