Source media 屬性

Source 對象

執行個體

傳回指定檔案為什麼樣的媒體/裝置進行了優化：

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

x 輸出結果為：

screen and (min-width:320px)

定義和用法

media 屬性設定或傳回 <source> 中的 media 屬性的值。

media 屬性指定媒體資源的類型（檔案為什麼樣的媒體/裝置進行了優化）。

浏覽器使用 media 屬性，以确定它是否可以播放該檔案。如果它不能，它可以選擇不下載下傳檔案。

注意：<source> 元素是 HTML5 中新增的。

浏覽器支援

所有主流浏覽器都支援 media 屬性。

注意：幾乎所有的主流浏覽器都不支援 media 屬性。

文法

傳回 media 屬性：

sourceObject.media

設定 media 屬性：

sourceObject.media=value

注意：該屬性可接受多個值。

可能的運算符

值	描述
and	規定一個 AND 運算符。
not	規定一個 NOT 運算符。
,	規定一個 OR 運算符。

裝置

all	預設。适用于所有裝置。
aural	語音合成器。
braille	盲文回報裝置。
handheld	手持裝置（小螢幕、有限帶寬）。
projection	投影儀。
print	列印預覽模式/列印頁面。
screen	計算機螢幕。
tty	電傳打字機以及類似的使用等寬字元網格的媒體。
tv	電視機類型裝置（低分辨率、有限的滾屏能力）。

width	規定目标顯示區域的寬度。 可使用 "min-" 和 "max-" 字首。 例子：media="screen and (min-width:500px)"
height	規定目标顯示區域的高度。 例子：media="screen and (max-height:700px)"
device-width	規定目标顯示器/紙張的寬度。 例子：media="screen and (device-width:500px)"
device-height	規定目标顯示器/紙張的高度。 例子：media="screen and (device-height:500px)"
orientation	規定目标顯示器/紙張的方向。 可能的值："portrait" 或 "landscape"。 例子：media="all and (orientation: landscape)"
aspect-ratio	規定目标顯示區域的寬度/高度比。 例子：media="screen and (aspect-ratio:16/9)"
device-aspect-ratio	規定目标顯示器/紙張的 device-width/device-height 比率。
color	規定目标顯示器的 bits/color。 例子：media="screen and (color:3)"
color-index	規定目标顯示器可以處理的顔色數。 例子：media="screen and (min-color-index:256)"
monochrome	規定單色幀緩沖中的 bits/pixel。 例子：media="screen and (monochrome:2)"
resolution	規定目标顯示器/紙張的像素密度 (dpi 或 dpcm)。 例子：media="print and (resolution:300dpi)"
scan	規定 tv 顯示器的掃描方式。 可能的值："progressive" 和 "interlace"。 例子：media="tv and (scan:interlace)"
grid	規定輸出裝置是否是網格或位圖。 可能的值："1" 為網格，否則為 "0"。 例子：media="handheld and (grid:1)"

技術細節

傳回值：	字元串，表示媒體資源的類型。

相關文章

HTML 參考手冊：HTML <source> media 屬性

Source 對象