Atribut media sumber
Definisi dan penggunaan
media Atur atau kembalikan nilai atribut media dalam elemen <source>.
<source> atribut media Atur jenis media sumber (file disesuaikan untuk media/perangkat mana).
Browser dapat menggunakan atribut media untuk menentukan apakah ia dapat memainkan file. Jika tidak, ia dapat memilih untuk tidak mengunduh.
Panduan Referensi HTML:Tanda <source> HTML
Contoh
Kembalikan file mana yang disesuaikan untuk media/perangkat.
var x = document.getElementById("mySource").media;
Sintaks
Kembalikan atribut media:
sourceObject.media
Atur atribut media:
sourceObject.media = value
Keterangan:Atribut ini dapat menerima beberapa nilai.
Operator yang mungkin
| Nilai | Deskripsi |
|---|---|
| and | Operator aturan DAN. |
| not | Operator aturan TIDAK. |
| , | Operator aturan ATAU. |
Perangkat
| Nilai | Deskripsi |
|---|---|
| all | Sesuai untuk semua perangkat. Default. |
| aural | Pemroses suara. |
| braille | Alat umpan balik braille. |
| handheld | Perangkat tangga tangan (layar kecil, lebar pita terbatas). |
| projection | Proyektor |
| Mode pratinjau cetak/pagina cetak. | |
| screen | Layar komputer. |
| tty | Telex typewriter dan media yang serupa yang menggunakan grid karakter jarak tetap. |
| tv | Perangkat jenis TV (resolusi rendah, kemampuan pergerakkan layar terbatas). |
Nilai atribut
| Nilai | Deskripsi |
|---|---|
| width |
Tentukan lebar area layar target. Dapat digunakan awalan "min-" dan "max-". Contoh: media="screen and (min-width:500px)" |
| height |
Tentukan tinggi area layar target. Dapat digunakan awalan "min-" dan "max-". Contoh: media="screen and (max-height:700px)" |
| device-width |
Tentukan lebar layar target/papir. Dapat digunakan awalan "min-" dan "max-". Contoh: media="screen and (device-width:500px)" |
| device-height |
Tentukan tinggi layar target/papir. Dapat digunakan awalan "min-" dan "max-". Contoh: media="screen and (device-height:500px)" |
| orientation |
Tentukan arah layar target/papir. Nilai yang mungkin: "portrait" atau "landscape". Contoh: media="all and (orientation: landscape)" |
| aspect-ratio |
Tentukan rasio lebar/tinggi area layar target. Dapat digunakan awalan "min-" dan "max-". Contoh: media="screen and (aspect-ratio:16/9)" |
| device-aspect-ratio |
Tentukan rasio lebar/tinggi perangkat target/papir. Dapat digunakan awalan "min-" dan "max-". Contoh: media="screen and (aspect-ratio:16/9)" |
| color |
Tentukan bit per warna dalam pemancar target. Dapat digunakan awalan "min-" dan "max-". Contoh: media="screen and (color:3)" |
| color-index |
Tentukan jumlah warna yang dapat digunakan pemancar target. Dapat digunakan awalan "min-" dan "max-". Contoh: media="screen and (min-color-index:256)" |
| monochrome |
Tentukan bit per piksel dalam buffer warna monokrom. Dapat digunakan awalan "min-" dan "max-". Contoh: media="screen and (monochrome:2)" |
| resolution |
Tentukan kepadatan piksel target layar pemancar/papir (dpi atau dpcm). Dapat digunakan awalan "min-" dan "max-". Contoh: media="print and (resolution:300dpi)" |
| scan |
Tentukan metode pemindai layar TV. Nilai yang mungkin adalah "progressive" dan "interlace". Contoh: media="tv and (scan:interlace)" |
| grid |
Tentukan perangkat keluar adalah grid atau bitmap. Nilai yang mungkin untuk grid adalah "1", lainnya adalah "0". Contoh: media="handheld and (grid:1)" |
Detil Teknis
| Nilai kembalian: | Nilai string yang menunjukkan tipe sumber media. |
|---|
Dukungan Browser
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| Dukungan | Dukungan | Dukungan | Dukungan | Dukungan |
Keterangan:Namun, browser utama mana pun tidak mendukung atribut media HTML.
Halaman yang berhubungan
Panduan Referensi HTML:Atribut media <source> HTML
