最簡單的向HTML網頁新增背景音樂的方法

來源:酷知科普網 9.66K

最簡單的向HTML網頁新增背景音樂的方法是什麼?在html5裡,直接有一個對應的控制元件就可以新增背景音樂了,下面我們來看一下。

操作方法

在html5裡,有一個audio的標籤,我們先在html里加上這個標籤。

最簡單的向HTML網頁新增背景音樂的方法

這個audio標籤,裡面有一個子標籤,就是source標籤,主要是用來指定audio的播放源的。通過src屬性指定Mp3檔案的路徑就行了。

最簡單的向HTML網頁新增背景音樂的方法 第2張

執行頁面,就可以看到一個mp3的播放器了。

最簡單的向HTML網頁新增背景音樂的方法 第3張

點選播放器的播放按鈕後,網頁就可以播放mp3音樂了,非常簡單。

最簡單的向HTML網頁新增背景音樂的方法 第4張
熱門標籤