白色代碼：

復(fù)制代碼

黑色代碼：

復(fù)制代碼

灰色代碼：

復(fù)制代碼

棕色代碼：

復(fù)制代碼

其中：width=100 height=40 中的數(shù)字分別表示播放器的寬度和高度，注意：都選擇0將隱藏播放器(隱藏時(shí)一定要選擇自動(dòng)播放)

autostart="true"中true或1表示自動(dòng)播放，false或0表示手動(dòng)播放

loop="true" 中的true或1表示重復(fù)播放，false或0表示只播放一次

復(fù)制代碼

以前經(jīng)常有人會(huì)問我如何在頁面中加入播放器？對(duì)于一些新手來說，可以在編輯時(shí)點(diǎn)擊插入播放器而無需用到HTML代碼。但是，千篇一律的款式是不是會(huì)讓人久而生厭呢？其實(shí)，要想讓你自己的網(wǎng)頁變得生動(dòng)，一款漂亮的，合乎頁面整體設(shè)計(jì)的播放器就顯得極其重要了。現(xiàn)在為你推薦一些漂亮的播放器，你只需復(fù)制代碼放入你的文章里，就可以使用了。

一、幾款最常用的播放器

代碼如下

復(fù)制代碼

(EMBED src="歌曲地址" width=300 height=50 type=audio/mpeg loop="-1" autostart="FALSE" volume="0")

代碼如下

復(fù)制代碼

(EMBED style="FILTER: invert()" src="歌曲地址" width=300 height=50 type=audio/mpeg volume="0" autostart="TRUE" loop="true")

代碼如下

復(fù)制代碼

(EMBED style="FILTER: Xray" src=歌曲地址 width=300 height=05 type=audio/mpeg loop="-1" autostart="false" volume="0")

< p>

代碼如下

復(fù)制代碼

(EMBED style="FILTER: GRAY()" src="歌曲地址" width=300 height=45 type=audio/mpeg loop="-1" autostart="true" volume="0")

重要提示：

1 復(fù)制時(shí)務(wù)必將(EMBED。。。)前后的括號(hào)()替換成<>。這點(diǎn)非常重要。

2 WIDTH代表播放器寬度，HEIGHT代表高度，后面的數(shù)值可依自己喜好進(jìn)行調(diào)整。

3 AUTOSTART="TRUE" 這里TRUE代表自動(dòng)播放，如果換成FALSE則代表手動(dòng)播放。

二、裝飾美化你的播放器

有了基本的款式后，我們就可以根據(jù)自己的想象力，巧用HTML的表格，根據(jù)自己的圖片素材，裝飾美化自己的播放器啦。只要你有足夠的創(chuàng)意，調(diào)整代碼，就可以得到各式各樣的播放器。這里拋磚引玉先介紹幾款。

首先我們可以為黑色播放器加上一個(gè)邊緣

(中間綠底的部分為原黑色播放器代碼)

復(fù)制代碼

< align=center>

當(dāng)然也可以為藍(lán)色播放器加上粉色邊緣

(中間粉底部分為原藍(lán)色播放器代碼)

代碼如下

復(fù)制代碼

還可以將播放器置于一個(gè)單獨(dú)的表格里，并加上表格的透明特效，播放器上的花紋就是表格的底圖。(中間紫底部分的為原藍(lán)色播放器代碼)

代碼如下:

復(fù)制代碼

還可以利用動(dòng)態(tài)的GIF背景做成動(dòng)態(tài)播放器

(中間藍(lán)底部分為原來的灰色播放器代碼

代碼如下:

復(fù)制代碼

< align=center>

甚至還可以將動(dòng)態(tài)背景只在播放器底部運(yùn)行

中間棕底字體為原灰色播放器代碼

代碼如下

復(fù)制代碼

這么多五彩繽紛的播放器是不是很吸引你呢？只要你肯花心思，你可以用HTML 表格做成兩層或三層的播放器來，呈現(xiàn)你自己不同于他人的特色。這是一個(gè)崇尚個(gè)性的年代，模仿固然能讓你找到捷徑，但是創(chuàng)造性才是決定你是否能吸引人的關(guān)健。言歸正傳，如果這個(gè)貼能讓你有所啟發(fā)，就達(dá)到我們的本意了。也希望今后能看到更多獨(dú)具特色的播放器出現(xiàn)。

總結(jié)

以上是生活随笔為你收集整理的html自动播放音乐播放器代码,[界面设计] 关于HTML 音乐播放器代码|音乐播放器网页代码大全(转)...的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。