首頁 > web前端 > H5教程 > 主體

html5如何插入可自動播放的音訊(圖文)

yulia
發布: 2018-10-30 16:08:04
原創
29154 人瀏覽過

經常瀏覽網站或經常進行頁面佈局的人,應該對頁面中的音頻,視頻不陌生吧,正在學習HTML5的小伙伴,你知道HTML5中怎麼插入音頻並自動播放嗎?這篇文章就和大家一起研究html5中的音訊標籤以及HTML5插入音訊的程式碼,有一定的參考價值,可以參考一下。

HTML5中的

  標籤裡面的內容用於給不支援 audio 標籤的瀏覽器顯示的。

插入音訊需要用到的相關標籤的描述:

用於設定音訊的資源,一般在

注意:在使用

html5如何插入可自動播放的音訊(圖文)

#實例示範1:HTML5中怎麼插入音訊

#實例詳解:

先建立一個

<audio controls>
  <source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>
登入後複製

效果圖:

html5如何插入可自動播放的音訊(圖文)

#實例示範2:HTML5中怎麼插入自動播放的音訊

#實例描述:

HTML5中插入自動播放音訊的方法和上面介紹的插入音訊的方法一樣,只是多加了一個屬性,即

<audio controls autoplay>
  <source src="horse.mp3" type="audio/mpeg">
  您的浏览器不支持 audio 元素。
</audio>
登入後複製

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

【相關教學推薦】

1. Html5影片教學
2. HTML開發手冊
3.  bootstrap教學
4. HTML5怎麼插入影片

#

以上是html5如何插入可自動播放的音訊(圖文)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板