ソースメディア属性
定義と用法
media <source>要素内のmedia属性の値を設定または返します。
<source> media属性 メディアリソースのタイプを規定します（ファイルがどのメディア/デバイスに最適化されているか）。
ブラウザはmedia属性を使用して、ファイルを再生できるかどうかを確認します。再生できない場合は、ダウンロードをスキップすることができます。
HTML Reference Manual:HTML <source> Tag
文法
media属性を返します：
sourceObject.media
media属性を設定します：
sourceObject.media = value
Komentaryo:この属性は複数の値を受け入れます。
可能な運算子
| Halaga | Paglalarawan |
|---|---|
| and | 規定 AND 運算子。 |
| not | 規定 NOT 運算子。 |
| , | 規定 OR 運算子。 |
デバイス
| Halaga | Paglalarawan |
|---|---|
| all | すべてのデバイスに適用。デフォルト。 |
| aural | オーディオ合成器。 |
| braille | ブラailleフィードバック装置。 |
| handheld | ハンドヘルドデバイス（小さなスクリーン、限られたバンド幅）。 |
| projection | プロジェクター |
| 印刷プレビューモード/印刷ページ。 | |
| screen | コンピュータのスクリーン。 |
| tty | 固定間隔の文字グリッドを使用する電報打字機や類似のメディア。 |
| tv | テレビタイプのデバイス（低解像度、限られたスクロール能力）。 |
Halaga ng atributo
| Halaga | Paglalarawan |
|---|---|
| width |
Tinutukoy ang lapad ng target na display area. Maaaring gamitin ang awtores "min-" at "max-". Halimbawa: media="screen and (min-width:500px)" |
| height |
Tinutukoy ang taas ng target na display area. Maaaring gamitin ang awtores "min-" at "max-". Halimbawa: media="screen and (max-height:700px)" |
| device-width |
Tinutukoy ang lapad ng target na monitor/papier. Maaaring gamitin ang awtores "min-" at "max-". Halimbawa: media="screen and (device-width:500px)" |
| device-height |
Tinutukoy ang taas ng target na monitor/papier. Maaaring gamitin ang awtores "min-" at "max-". Halimbawa: media="screen and (device-height:500px)" |
| orientation |
Tinutukoy ang direksyon ng target na monitor/papier. Posibleng halaga: "portrait" o "landscape". Halimbawa: media="all and (orientation: landscape)" |
| aspect-ratio |
Tinutukoy ang raportong lebid ng target na display area. Maaaring gamitin ang awtores "min-" at "max-". Halimbawa: media="screen and (aspect-ratio:16/9)" |
| device-aspect-ratio |
Tinutukoy ang raportong lebid ng target na monitor/papier. Maaaring gamitin ang awtores "min-" at "max-". Halimbawa: media="screen and (aspect-ratio:16/9)" |
| color |
Tinutukoy ang bilang ng bit ng bawat kulay sa target na monitor. Maaaring gamitin ang awtores "min-" at "max-". Halimbawa: media="screen and (color:3)" |
| color-index |
Tinutukoy ang bilang ng kulay na maaaring hawakan ng target na monitor. Maaaring gamitin ang awtores "min-" at "max-". Halimbawa: media="screen and (min-color-index:256)" |
| monochrome |
Tinutukoy ang bilang ng bit ng bawat pixel sa monokromatik na frame buffer. Maaaring gamitin ang awtores "min-" at "max-". Halimbawa: media="screen and (monochrome:2)" |
| resolution |
Tinutukoy ang pixel density ng target na monitor/papier (dpi o dpcm). Maaaring gamitin ang awtores "min-" at "max-". Halimbawa: media="print and (resolution:300dpi)" |
| scan |
Tinutukoy ang paraan ng pagscanning ng telebisyon. Ang posibleng halaga ay "progressive" at "interlace". Halimbawa: media="tv and (scan:interlace)" |
| grid |
Tinutukoy kung ang layuning pagluluto ay grid o bitmap. Ang posibleng halaga ng grid ay "1", kung hindi naman ay "0". Halimbawa: media="handheld and (grid:1)" |
Teknikal na Detalye
| Halimbawa ng Balaan ng Dato: | String value, representing the type of media resource. |
|---|
Browser Support
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| Suporta | Suporta | Suporta | Suporta | Suporta |
Komentaryo:Ngunit, walang anumang pangunahing browser ang sumusuporta sa HTML media attribute.
Related Pages
HTML Reference Manual:HTML <source> media attribute
