方式一:
<video controls="" autoplay="" name="media"> <source src="音樂" type="audio/mpeg"></video>
<video controls="true" autoplay="true" name="media" loop="true" hidden="true"> <source src="音樂鏈接" type="audio/mpeg"></video>
方式二:
在<head></head>中的title標籤之下添加以下這行代碼
<embed src="music/We Don't Talk Anymore.mp3" autostart="true" loop="true" hidden="true"></embed>
這個方式主要是支持的播放器多。一定程度上解決了瀏覽器兼容的問題。
說明:
1、src="",在""內添加你音樂的保存路徑。
2、使用hidden="true"表示隱藏音樂播放按鈕,相反使用hidden="false"表示開啓音樂播放按鈕。
3、使用autostart="true" 表示是打開網頁加載完後自動播放。
4、使用loop="true"表示 循環播放 如僅想播放一次則爲:loop="false"
方式三:
<audio autoplay="" loop=""> <source src="http://mi.0w0.im/Letter_Song.mp3"></audio>
這個不顯示播放器。
方式四:
<bgsound src=背景音樂鏈接地址 loop=-1>
<bgsound src="音樂保存的絕對路徑" autostart=true loop=infinite>
說明:1、使用autostart=true,表示音樂在網頁加載同時加載音樂,打開網頁時音樂自動播放。
方式五:
<audio src="music/We Don't Talk Anymore.mp3" id="aud" autoplay="autoplay" controls="controls" preload="auto"></audio>
說明:
1、使用autoplay="autoplay",則背景音樂將在音網頁打開後就自動馬上播放。
2、使用controls="controls",則爲了在頁面內顯示顯示控件,如播放按鈕。
3、使用"loop="loop",則是爲了是背景音樂重複播放。
4、使用preload="auto",則音頻在頁面加載的同時進行加載,並預備播放。
5、使用src="",即是在""內加入背景音樂的保存路徑,如:src="web網頁製作\03.mp3"。
注:若是想播放按鈕隱藏,則使用以下語句:
直接使用css 的display控制audio標籤的顯示:
<style type="text/css"> audio{ display: none; } </style>