很多HTML網頁設計課程作業要求給頁面添加背景音樂，今天給大家講解下常用的網頁插入音樂的簡單標簽。另附示例代碼、使用說明及標簽說明，用的到的同學直接復制代碼即可使用。

網頁背景音樂<embed>標簽

使用說明：

<embed>標簽需要寫在頂部</head>上方，title標簽下面。

代碼示例：

<embed src="music/音樂.mp3" hidden="flase" autostart="true" loop="true">

標簽說明：

· src="" 在引號內添加寫音樂文件路徑。

· hidden="true"表示隱藏音樂播放按鈕；hidden="false"表示開啟音樂播放按鈕。

· autostart="true" 表示是打開網頁加載完后自動播放。

· loop="true"表示 循環播放；loop="false"表示僅播放一次。

網頁背景音樂<audio>標簽

使用說明：

<audio>標簽一般在正文</body>內即可。同時可配合CSS隱藏播放器。

代碼示例：

<audio autoplay="autoplay" loop="loop" preload="auto" controls="controls"

            src="music/音樂.mp3">       

</audio>

標簽說明：

· src="" 在引號內添加寫音樂文件路徑。

· autoplay="autoplay"，則背景音樂將在音網頁打開后就自動馬上播放。

· controls="controls"，則為了在頁面內顯示顯示控件，如播放按鈕。

· "loop="loop"，則是為了是背景音樂重復播放。

· preload="auto"，則音頻在頁面加載的同時進行加載，并預備播放。

隱藏播放器：

若是想播放按鈕隱藏，直接使用css 的display控制audio標簽的顯示。

<style type="text/css">

 audio{display: none; }

</style>