演示用音樂:
https://n.getimg.net/music/2018/The%20Sound%20Of%20Silence.mp3
在需要顯示播放器的位置添加下列代碼:
<audio autoplay="autoplay" controls="controls"loop="loop" preload="auto"
src="http://demo.mimvp.com/html5/take_you_fly.mp3">
你的瀏覽器版本太低,不支持audio標簽
</audio>
- ?不需要自動播放,可以刪除“autoplay="autoplay"
- 可以用display: none;屬性來隱藏播放器
說明:1、使用autoplay="autoplay",則背景音樂將在音網頁打開后就自動馬上播放。
2、使用controls="controls",則為了在頁面內顯示顯示控件,如播放按鈕。
3、使用"loop="loop",則是為了是背景音樂重復播放。
4、使用preload="auto",則音頻在頁面加載的同時進行加載,并預備播放。
5、使用src="",即是在""內加入背景音樂的保存路徑,如:src="web網頁制作\03.mp3"。
方法二:
在<head></head>中的title標簽之下添加以下這行代碼
<embed src="web網頁制作\03.mp3" hidden="true" autostart="true" loop="true">
說明:1、src="",在""內添加你音樂的保存路徑。
2、使用hidden="true"表示隱藏音樂播放按鈕,相反使用hidden="false"表示開啟音樂播放按鈕。
3、使用autostart="true"?表示是打開網頁加載完后自動播放。
4、使用loop="true"表示 循環播放 如僅想播放一次則為:loop="false"
方法三:
在HTML中敲寫以下代碼:
<bgsound src="音樂保存的絕對路徑" autostart=true loop=infinite>
說明:1、使用autostart=true,表示音樂在網頁加載同時加載音樂,打開網頁時音樂自動播放。
?參考:
https://blog.csdn.net/qq_36765367/article/details/78073442
HTML 5 <video> autoplay 屬性
定義和用法
autoplay 屬性規定一旦視頻就緒馬上開始播放。
如果設置了該屬性,視頻將自動播放。