HTML程式碼內設定背景音樂教程

一、程式碼指定方式

1.程式碼指定方式是指直接在頁面的HTML程式碼內設定背景音樂。現實中通常使用標記來實現。

標記的語法格式如下：

src：背景音樂檔案地址;

loop：設定播放次數，迴圈播放為-1;

delay：播放音樂的延時;

volume：背景音樂的音量;

balance：背景音樂的'左右均衡。

2.具體例子：

新建一個HTML空白頁

3.開啟程式碼檢視，在中輸入程式碼，詳見下圖：

4.根據程式碼中的條件輸入完全，詳見下圖：

5.按F12預覽就可以了。

但是必須注意的是，插入的音樂檔案要小，為了照顧網速較慢的使用者。

另外，用這種方法插入背景音樂只能在IE瀏覽器中才能用，其他瀏覽器可能不支援。

二、使用媒體外掛方式實現

媒體外掛方式是指利用第三方媒體外掛實現頁面的背景音樂效果。此功能在Dreamweaver工具欄中可以直接實現。在編碼時可以使用標記在網頁中插入媒體外掛。

標記的語法格式如下所示：

src：背景音樂地址;

autostart：設定是否自動播放;

loop：是否迴圈播放

controls值見下表：

具體操作如下：

新建一個HTML空白頁

選擇‘插入’---‘媒體’---’外掛‘

程式碼檢視如下：

選擇要插入的背景音樂檔案

效果如下圖：

在’屬性‘面板可以設定外掛的一些引數

用這種方法需要注意的是，外掛的問題，有的瀏覽器並沒有必要的外掛，所以在預覽時無法正常載入。