這篇“html5的source標簽如何用”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“html5的source標簽如何用”文章吧。

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴，公司提供的服務項目有：域名注冊、虛擬空間、營銷軟件、網站建設、漢南網站維護、網站推廣。

在html5中，source標簽用于提供不同類型的視頻或者音頻文件供瀏覽器進行選擇，語法為“”。

本教程操作環境：windows10系統、HTML5版、Dell G3電腦。

html5的source標簽

標簽為媒體元素（比如

標簽允許您規定兩個視頻/音頻文件供瀏覽器根據它對媒體類型或者編解碼器的支持進行選擇。

可能的屬性值如下：

• media     media_query 規定媒體資源的類型，供瀏覽器決定是否下載。

• src           URL 規定媒體文件的 URL。

• type        MIME_type 規定媒體資源的 MIME 類型。

• sizes        不同頁面布局設置不同圖片大小。

• srcset       URL 應用于 標簽時需要使用到。指定在不同情況下使用的圖像 URL。

示例如下：

帶有兩個源文件的音頻播放器。瀏覽器需要選擇它所支持的源文件（如果都支持則任選一個）：

 
 
 





您的瀏覽器不支持 audio 元素。

輸出結果：

以上就是關于“html5的source標簽如何用”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注創新互聯行業資訊頻道。

網站題目：html5的source標簽如何用
當前URL：http://m.jcarcd.cn/article/jojeph.html