HTML5中的 audio 標簽可以插入音頻，control屬性可以控制音頻的播放，暫停，調節音量等。布局時可以根據需要設置音頻的長width和高height。

audio 與 /audio 標簽里面的內容用于給不支持 audio 標簽的瀏覽器顯示的。

插入音頻需要用到的相關標簽的描述：

audio 用來設置聲音內容

source 用于設置音頻的資源，一般在 video 與 audio 標簽中使用，可以使用多個

注意：在使用 audio 音頻標簽時，要注意瀏覽器的兼容性問題，瀏覽器的兼容性如下如所示：

實例示范1：HTML5中怎么插入音頻

實例詳解：

首先創建一個 audio 標簽，用于顯示音頻內容，然后用 source 標簽引入需要插入的音頻，src引入文件時要注意文件的路徑，具體代碼如下：

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

效果圖：

實例示范2：HTML5中怎么插入自動播放的音頻

實例描述：

audio 標簽中的autoplay 屬性規定一旦視頻就緒馬上開始播放，如果設置了該屬性，視頻將自動播放。且所有主流瀏覽器都支持 autoplay 屬性。

HTML5中插入自動播放音頻的方法和上面介紹的插入音頻的方法一樣，只是多加了一個屬性，即 audio 標簽中的autoplay 屬性，它可以實現音頻自動播放的效果，具體代碼如下：

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

以上給大家介紹了HTML5中怎么插入音頻，以及如何插入可以自動播放的音頻，講解詳細，比較容易理解。初學者可以自己動手嘗試，找一個音頻，將其插入頁面。看看你的代碼能不能實現自動播放的效果，希望這篇文章對你有所幫助！

【相關教程推薦】

1. Html5視頻教程
2. HTML開發手冊
3. bootstrap教程
4. HTML5怎么插入視頻

以上就是html5如何插入可自動播放的音頻（圖文）的詳細內容，其它編程語言

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。