html5 source標籤怎麼用? html5 source標籤屬性介紹。現在開始介紹本篇文章的內容,主要跟大家講的是html5 source標籤的使用和html5 cource標籤的三個屬性具體的介紹
html5 source標籤定義和用法:
標籤為媒介元素(如 和)定義媒介資源。
標籤可讓您規定可替換的視訊/音訊檔案供瀏覽器根據它對媒體類型或編解碼器的支援進行選擇。
HTML5標籤實例:
有兩個原始檔案的音訊播放器。瀏覽器應該選擇它所支援的檔案(如果有的話):
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio> 登入後複製
登入後複製
標籤基本屬性:
##media :媒體資源的類型,供瀏覽器決定是否下載(值:media_query)。
src:媒體檔案的 URL(值:URL)。
type:媒體資源的 MIME 類型(值:MIME_type)。
附註:
標籤標籤支援html全域屬性與html事件屬性
html5 source標籤的格式:
<source src="媒体资源地址" /> 登入後複製
HTML5media屬性:
使用media 屬性:
<source src="movie.ogg" type="video/ogg" media="screen and (min-width:320px)"> 登入後複製
HTML5media屬性定義與用法:
media 屬性規定媒體資源的類型(檔案是為何種媒體/裝置進行了最佳化)。
瀏覽器可使用該屬性來判斷它是否能播放這個檔案。如果無法播放,則可以選擇不進行下載。
註解:此屬性可接受多個值。
HTML5media屬性語法:<source media="value"> 登入後複製
附註:因為任何瀏覽器都不支援標籤的media屬性。所以就不多說了。
HTML5src屬性:
# HTML5src屬性的定義與用法:
src 屬性規定要播放的媒體檔案的URL。
HTML5src屬性的語法:
HTML5src屬性的使用實例:
帶有兩個資源檔案的音訊播放器。瀏覽器應該選擇它支援的那個檔案(如果有的話):
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio> 登入後複製
登入後複製
HTML5src屬性的屬性值:
HTML5type屬性:
#HTML5type屬性的定義與用法:
#type 屬性規定媒體資源的MIME 類型。
type 屬性的使用:
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio> 登入後複製
HTML5type屬性的語法:<source type="MIME_type"> 登入後複製
HTML5type屬性的屬性值:
HTML 4.01 與HTML 5 之間的差異
標籤是HTML 5 中的新標籤。
瀏覽器支援:
Internet Explorer 9 , Firefox, Opera, Chrome 以及 Safari 支援 標籤。
註解:Internet Explorer 8 以及更早的版本不支援 標籤。
【相關推薦】
html meta標籤的作用是什麼? html meta標籤常見的屬性介紹
html map標籤是什麼? html map標籤的結構及具體使用方法詳解
以上是html5 source標籤怎麼用? html5 source標籤屬性介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!