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

時間：2024-08-19 00:46:28 HTML DOM 我要投稿

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

　　一、代碼指定方式

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

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

　　標記的語法格式如下：

　　src：背景音樂文件地址;

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

　　delay：播放音樂的延時;

　　volume：背景音樂的音量;

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

　　2.具體例子：

　　新建一個HTML空白頁

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

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

　　5.按F12預覽就可以了。

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

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

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

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

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

　　src：背景音樂地址;

　　autostart：設置是否自動播放;

　　loop：是否循環播放

　　controls值見下表：

　　具體操作如下：

　　新建一個HTML空白頁

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

　　代碼視圖如下：

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

　　效果如下圖：

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

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

【HTML代碼內設置背景音樂教程】相關文章：