html音乐播放器代码大全,关于HTML 音乐播放器代码|音乐播放器网页代码大全(转)...
白色代碼:
復制代碼
黑色代碼:
復制代碼
灰色代碼:
復制代碼
棕色代碼:
復制代碼
其中:width=100 height=40 中的數字分別表示播放器的寬度和高度,注意:都選擇0將隱藏播放器(隱藏時一定要選擇自動播放)
autostart="true"中true或1表示自動播放,false或0表示手動播放
loop="true" 中的true或1表示重復播放,false或0表示只播放一次
復制代碼
以前經常有人會問我如何在頁面中加入播放器?對于一些新手來說,可以在編輯時點擊插入播放器而無需用到HTML代碼。但是,千篇一律的款式是不是會讓人久而生厭呢?其實,要想讓你自己的網頁變得生動,一款漂亮的,合乎頁面整體設計的播放器就顯得極其重要了。現在為你推薦一些漂亮的播放器,你只需復制代碼放入你的文章里,就可以使用了。
一、幾款最常用的播放器
代碼如下
復制代碼
(EMBED src="歌曲地址" width=300 height=50 type=audio/mpeg loop="-1" autostart="FALSE" volume="0")
代碼如下
復制代碼
(EMBED style="FILTER: invert()" src="歌曲地址" width=300 height=50 type=audio/mpeg volume="0" autostart="TRUE" loop="true")
代碼如下
復制代碼
(EMBED style="FILTER: Xray" src=歌曲地址 width=300 height=05 type=audio/mpeg loop="-1" autostart="false" volume="0")
< p>
代碼如下
復制代碼
(EMBED style="FILTER: GRAY()" src="歌曲地址" width=300 height=45 type=audio/mpeg loop="-1" autostart="true" volume="0")
重要提示:
1 復制時務必將(EMBED。。。)前后的括號()替換成<>。這點非常重要。
2 WIDTH代表播放器寬度,HEIGHT代表高度,后面的數值可依自己喜好進行調整。
3 AUTOSTART="TRUE" 這里TRUE代表自動播放,如果換成FALSE則代表手動播放。
二、裝飾美化你的播放器
有了基本的款式后,我們就可以根據自己的想象力,巧用HTML的表格,根據自己的圖片素材,裝飾美化自己的播放器啦。只要你有足夠的創意,調整代碼,就可以得到各式各樣的播放器。這里拋磚引玉先介紹幾款。
首先我們可以為黑色播放器加上一個邊緣
(中間綠底的部分為原黑色播放器代碼)
復制代碼
|
當然也可以為藍色播放器加上粉色邊緣
(中間粉底部分為原藍色播放器代碼)
代碼如下
復制代碼
還可以將播放器置于一個單獨的表格里,并加上表格的透明特效,播放器上的花紋就是表格的底圖。(中間紫底部分的為原藍色播放器代碼)
代碼如下:
復制代碼
還可以利用動態的GIF背景做成動態播放器
(中間藍底部分為原來的灰色播放器代碼
代碼如下:
復制代碼
|
甚至還可以將動態背景只在播放器底部運行
中間棕底字體為原灰色播放器代碼
代碼如下
復制代碼
這么多五彩繽紛的播放器是不是很吸引你呢?只要你肯花心思,你可以用HTML 表格做成兩層或三層的播放器來,呈現你自己不同于他人的特色。這是一個崇尚個性的年代,模仿固然能讓你找到捷徑,但是創造性才是決定你是否能吸引人的關健。言歸正傳,如果這個貼能讓你有所啟發,就達到我們的本意了。也希望今后能看到更多獨具特色的播放器出現。
總結
以上是生活随笔為你收集整理的html音乐播放器代码大全,关于HTML 音乐播放器代码|音乐播放器网页代码大全(转)...的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 如何恢复U盘误删数据?
- 下一篇: 计算机专业英语词汇总结