HTML——添加網頁背景音樂

方式一:

<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>


 

參考文章

https://www.w3school.com.cn/html/html_audio.asp 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章