在html5中,source標籤用於提供不同類型的視訊或音訊檔案供瀏覽器進行選擇,語法為「
本教學操作環境:windows10系統、HTML5版、Dell G3電腦。
可能的屬性值如下:
media media_query 規定媒體資源的類型,供瀏覽器決定是否下載。
src URL 規定媒體檔案的 URL。
type MIME_type 規定媒體資源的 MIME 型別。
sizes 不同頁面佈局設定不同圖片大小。
srcset URL
範例如下:
帶有兩個原始檔案的音訊播放器。瀏覽器需要選擇它所支援的來源檔案(如果都支援則任選一個):
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> </head> <body> <audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> 您的浏览器不支持 audio 元素。 </audio> </body> </html>
輸出結果:
推薦教學課程:《html影片教學》
以上是html5的source標籤怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!