最新的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)

技術細節

返回值: 一個String,表示縮進類型的媒體資源的

相關頁面

HTML參考: HTML <source>媒體屬性


<源對象