最新のWeb開発のチュートリアル
 

Source media Property

<ソースオブジェクト

特定のファイルをするために最適化されているものメディア/デバイスを返します:

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

xの結果は次のようになります。

screen and (min-width:320px)
»それを自分で試してみてください

定義と使用法

メディアプロパティセットまたはの値を返しmedia内の属性<source>要素。

media属性は、メディアリソースの種類を(どのようなメディア/デバイスファイルがために最適化されている)を指定します。

ブラウザが使用できるmediaは、ファイルを再生することができるかどうかを判断するために属性を。 それができない場合は、それをダウンロードしないように選択することができます。

注意: <source>要素は、HTML5で新しく追加されました。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

メディアプロパティは、すべての主要なブラウザでサポートされています。

注意: media属性は、しかし、主要なブラウザのいずれかでサポートされていません。


構文

メディアプロパティを返します:

sourceObject .media

メディアプロパティを設定します。

sourceObject .media= 注:このプロパティは、複数の値を受け入れることができます。

可能な演算子

説明
and AND演算子を指定します。
not NOT演算子を指定します。
, OR演算子を指定します。

デバイス

説明
all すべてのデバイスに適しています。 これがデフォルトです
aural スピーチシンセサイザー
braille 点字フィードバック装置
handheld ハンドヘルドデバイス(small screen, limited bandwidth)
projection プロジェクター
print 印刷プレビューモード/印刷されたページ
screen コンピューターの画面
tty 固定ピッチの文字グリッドを使用してテレタイプと同様のメディア
tv テレビ型デバイス(low resolution, limited scroll ability)

説明
width 対象表示領域の幅を指定します。
"min-""max-"プレフィックスを使用することができます。
例:メディア=「画面と(min-width:500px)
height 対象表示領域の高さを指定します。
"min-""max-"プレフィックスを使用することができます。
例:メディア=「画面と(max-height:700px)
device-width ターゲット表示/紙の幅を指定します。
"min-""max-"プレフィックスを使用することができます。
例:メディア=「画面(device-width:500px)
device-height ターゲット表示/紙の高さを指定します。
"min-""max-"プレフィックスを使用することができます。
例:メディア=「画面(device-height:500px)
orientation ターゲット表示/用紙の向きを指定します。
可能な値: "portrait""landscape"
例:メディア=「すべてと(orientation: landscape)
aspect-ratio 対象表示領域の幅/高さの比率を指定します。
"min-""max-"プレフィックスを使用することができます。
例:メディア=「画面(aspect-ratio:16/9)
device-aspect-ratio ターゲットディスプレイ/紙のデバイス幅/素子高さ比を指定します。
"min-""max-"プレフィックスを使用することができます。
例:メディア=「画面(aspect-ratio:16/9)
color ターゲットディスプレイの色当たりのビット数を指定します。
"min-""max-"プレフィックスを使用することができます。
例:メディア= "画面(color:3) "
color-index ターゲットディスプレイが扱うことができる色の数を指定します。
"min-""max-"プレフィックスを使用することができます。
例:メディア= "画面(min-color-index:256) "
monochrome 単色フレームバッファにピクセルあたりのビット数を指定します。
"min-""max-"プレフィックスを使用することができます。
例:メディア= "画面(monochrome:2) "
resolution 画素密度指定(dpi or dpcm)目標表示/紙のを。
"min-""max-"プレフィックスを使用することができます。
例:メディア= "印刷と(resolution:300dpi) "
scan TVディスプレイのスキャン方法を指定します。
可能な値は"progressive""interlace"
例:メディア=「テレビと(scan:interlace)
grid 出力デバイスがグリッドまたはビットマップであるかどうかを指定します。
可能な値は"1"グリッドのために、そして"0"そう。
例:メディア= "ハンドヘルド及び(grid:1) "

技術的な詳細

戻り値: メディアリソースのインデント種類を表す文字列

関連ページ

HTMLリファレンス: HTML <source> media属性


<ソースオブジェクト