HTML代碼內設置背景音樂教程

一、代碼指定方式

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

標記的語法格式如下：

src：背景音樂文件地址;

loop：設置播放次數，循環播放為-1;

delay：播放音樂的延時;

volume：背景音樂的音量;

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

2.具體例子：

新建一個HTML空白頁

3.打開代碼視圖，在中輸入代碼，詳見下圖：

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

5.按F12預覽就可以了。

但是必須注意的是，插入的音樂文件要小，為了照顧網速較慢的用户。

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

二、使用媒體插件方式實現

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

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

src：背景音樂地址;

autostart：設置是否自動播放;

loop：是否循環播放

controls值見下表：

具體操作如下：

新建一個HTML空白頁

選擇‘插入’---‘媒體’---’插件‘

代碼視圖如下：

選擇要插入的背景音樂文件

效果如下圖：

在’屬性‘面板可以設置插件的一些參數

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