html5中如何使用source標(biāo)簽-創(chuàng)新互聯(lián)

這篇文章主要介紹了html5中如何使用source標(biāo)簽，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)自2013年起，是專(zhuān)業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元福貢做網(wǎng)站,已為上家服務(wù),為福貢各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話(huà):13518219792

html5 source標(biāo)簽定義和用法：

<source> 標(biāo)簽為媒介元素（比如 <video> 和 <audio>）定義媒介資源。

<source> 標(biāo)簽允許您規(guī)定可替換的視頻/音頻文件供瀏覽器根據(jù)它對(duì)媒體類(lèi)型或者編解碼器的支持進(jìn)行選擇。

HTML5<source>標(biāo)簽實(shí)例：

擁有兩份源文件的音頻播放器。瀏覽器應(yīng)該選擇它所支持的文件（如果有的話(huà)）：

<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>

<source>標(biāo)簽基本屬性：

• media：媒體資源的類(lèi)型，供瀏覽器決定是否下載（值：media_query）。

• src：媒體文件的 URL（值：URL）。

• type：媒體資源的 MIME 類(lèi)型（值：MIME_type）。

注：<source>標(biāo)簽標(biāo)簽支持html全局屬性和html事件屬性

html5 source標(biāo)簽的格式：

<source src="媒體資源地址" />

HTML5<source>media屬性：

使用 media 屬性：

<source src="movie.ogg" type="video/ogg" media="screen and (min-width:320px)">

HTML5<source>media屬性定義和用法：

media 屬性規(guī)定媒體資源的類(lèi)型（文件是為何種媒體/設(shè)備進(jìn)行了優(yōu)化）。

瀏覽器可使用該屬性來(lái)判斷它是否能播放這個(gè)文件。如果不能播放，則可以選擇不進(jìn)行下載。

注釋?zhuān)涸搶傩钥山邮芏鄠€(gè)值。

HTML5<source>media屬性語(yǔ)法：

<source media="value">

注：因?yàn)槿魏螢g覽器都不支持<source>標(biāo)簽的media屬性。所以就不多說(shuō)了。

HTML5<source>src屬性：

HTML5<source>src屬性的定義和用法：

src 屬性規(guī)定要播放的媒體文件的 URL。

HTML5<source>src屬性的語(yǔ)法：

<source src="URL">

HTML5<source>src屬性的使用實(shí)例：

帶有兩個(gè)資源文件的音頻播放器。瀏覽器應(yīng)該選擇它支持的那個(gè)文件（如果有的話(huà)）：

<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>

HTML5<source>src屬性的屬性值：

HTML5<source>type屬性：

HTML5<source>type屬性的定義和用法：

type 屬性規(guī)定媒體資源的 MIME 類(lèi)型。

type 屬性的使用：

<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的瀏覽器不支持 audio 元素。
</audio>

HTML5<source>type屬性的語(yǔ)法：

<source type="MIME_type">

HTML5<source>type屬性的屬性值：

HTML 4.01 與 HTML 5 之間的差異

<source> 標(biāo)簽是 HTML 5 中的新標(biāo)簽。

瀏覽器支持：

Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 <source> 標(biāo)簽。

注釋?zhuān)篒nternet Explorer 8 以及更早的版本不支持 <source> 標(biāo)簽。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享html5中如何使用source標(biāo)簽內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)建站，關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道，遇到問(wèn)題就找創(chuàng)新互聯(lián)建站，詳細(xì)的解決方法等著你來(lái)學(xué)習(xí)!

網(wǎng)站題目：html5中如何使用source標(biāo)簽-創(chuàng)新互聯(lián)
URL網(wǎng)址：http://bm7419.com/article8/hccip.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供動(dòng)態(tài)網(wǎng)站、網(wǎng)站內(nèi)鏈、虛擬主機(jī)、關(guān)鍵詞優(yōu)化、網(wǎng)站維護(hù)、網(wǎng)站改版

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)