當前位置:最新電影網 - qq音樂 - HTML代碼內設置背景音樂教程

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

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

 壹、代碼指定方式

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

 標記的語法格式如下:

 src:背景音樂文件地址;

 loop:設置播放次數,循環播放為-1;

 delay:播放音樂的延時;

 volume:背景音樂的音量;

 balance:背景音樂的左右均衡。

 2.具體例子:

 新建壹個HTML空白頁

 3.打開代碼視圖,在中輸入代碼,詳見下圖:

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

5.按F12預覽就可以了。

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

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

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

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

 標記的`語法格式如下所示:

 src:背景音樂地址;

 autostart:設置是否自動播放;

 loop:是否循環播放

 controls值見下表:

具體操作如下:

 新建壹個HTML空白頁

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

代碼視圖如下:

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

效果如下圖:

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

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