例
什麼樣的回報媒體/設備的特定文件進行了優化:
var x = document.getElementById("mySource").media;
x的結果將是:
screen and (min-width:320px)
試一試» 定義和用法
媒體屬性設置或返回的值media屬性在<source>元素。
所述media屬性指定媒體資源的類型(何種媒體/設備中的文件被用於優化)。
該瀏覽器可以使用media屬性,以確定它是否可以播放的文件或沒有。 如果不能,它可以選擇不下載。
注意: <source>元件在HTML5是新的。
瀏覽器支持
媒體屬性在所有主流瀏覽器的支持。
注: 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>媒體屬性
<源對象