ソースメディアプロパティ
例
特定のファイルが最適化されているメディア/デバイスを返します。
var x = document.getElementById("mySource").media;
定義と使用法
mediaプロパティは、<source>要素のmedia属性の値を設定または返します。
media属性は、メディアリソースのタイプ(ファイルが最適化されるメディア/デバイス)を指定します。
ブラウザはmedia属性を使用して、ファイルを再生できるかどうかを判断できます。それができない場合は、ダウンロードしないことを選択できます。
ブラウザのサポート
Property | |||||
---|---|---|---|---|---|
media | Yes | Yes | Yes | Yes | Yes |
注:ただし、 HTMLメディア属性は、主要なブラウザーではサポートされていません。
構文
メディアプロパティを返します。
sourceObject.media
メディアプロパティを設定します。
sourceObject.media = value
注:このプロパティは、いくつかの値を受け入れることができます。
可能な演算子
Value | Description |
---|---|
and | Specifies an AND operator |
not | Specifies a NOT operator |
, | Specifies an OR operator |
デバイス
Value | Description |
---|---|
all | Suitable for all devices. This is default |
aural | Speech synthesizers |
braille | Braille feedback devices |
handheld | Handheld devices (small screen, limited bandwidth) |
projection | Projectors |
Print preview mode/printed pages | |
screen | Computer screens |
tty | Teletypes and similar media using a fixed-pitch character grid |
tv | Television type devices (low resolution, limited scroll ability) |
値
Value | Description |
---|---|
width | Specifies the width of the targeted display area. "min-" and "max-" prefixes can be used. Example: media="screen and (min-width:500px)" |
height | Specifies the height of the targeted display area. "min-" and "max-" prefixes can be used. Example: media="screen and (max-height:700px)" |
device-width | Specifies the width of the target display/paper. "min-" and "max-" prefixes can be used. Example: media="screen and (device-width:500px)" |
device-height | Specifies the height of the target display/paper. "min-" and "max-" prefixes can be used. Example: media="screen and (device-height:500px)" |
orientation | Specifies the orientation of the target display/paper. Possible values: "portrait" or "landscape" Example: media="all and (orientation: landscape)" |
aspect-ratio | Specifies the width/height ratio of the targeted display area. "min-" and "max-" prefixes can be used. Example: media="screen and (aspect-ratio:16/9)" |
device-aspect-ratio | Specifies the device-width/device-height ratio of the target display/paper. "min-" and "max-" prefixes can be used. Example: media="screen and (aspect-ratio:16/9)" |
color | Specifies the bits per color of target display. "min-" and "max-" prefixes can be used. Example: media="screen and (color:3)" |
color-index | Specifies the number of colors the target display can handle. "min-" and "max-" prefixes can be used. Example: media="screen and (min-color-index:256)" |
monochrome | Specifies the bits per pixel in a monochrome frame buffer. "min-" and "max-" prefixes can be used. Example: media="screen and (monochrome:2)" |
resolution | Specifies the pixel density (dpi or dpcm) of the target display/paper. "min-" and "max-" prefixes can be used. Example: media="print and (resolution:300dpi)" |
scan | Specifies scanning method of a tv display. Possible values are "progressive" and "interlace". Example: media="tv and (scan:interlace)" |
grid | Specifies if the output device is grid or bitmap. Possible values are "1" for grid, and "0" otherwise. Example: media="handheld and (grid:1)" |
技術的な詳細
戻り値: | メディアリソースのインデントされたタイプを表す文字列 |
---|
関連ページ
HTML参照:HTML <ソース>メディア属性
❮ソースオブジェクト