用CSS打造漂亮的播放器

导读：
　　喜欢做音乐的朋友，面对千篇一律的样式你是否觉得单调呢？
　　现在就让我们看看下面几款播放器如何？
　　是不是觉得帅极了？
　　其实很简单，你只需要把代码复制下来，
　　把音乐地址换成你想加入的音乐地址，
　　你也可以拥有一款漂亮的播放器!
　　怎么样？还不抓紧时间试一试。
　　
　　invert滤镜
　　代码：
　　

　　mask滤镜
　　代码如下：
　　

　　Blur滤镜
　　代码：
　　

　　Gray滤镜
　　代码如下：
　　

　　Xray滤镜
　　代码如下：
　　

　　alpha滤镜
　　代码如下：
　　

　　Wave滤镜
　　代码如下：
　　

　　又一个新的
　　
　　代码如下：
　　
　　新加播放器
　　1.1
　　代码如下：
　　
　　2.2
　　代码如下：
　　
　　3.3
　　代码如下：
　　
　　4.4
　　代码如下：
　　
　　5.5
　　代码如下：
　　
　　
　　6.6
　　代码如下：
　　
　　7.7
　　代码如下：
　　
　　
　　 各种播放器代码和图式
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　1,代码：
　　

　　2,代码：
　　

　　3,代码：
　　
　　4,代码：
　　

　　5,代码：
　　

　　6,代码：
　　
　　7,代码：
　　

　　8,代码：
　　

　　9,隐藏播放器代码：
　　
　　10,博客文章背景音乐代码（作为背景音乐来播放，隐藏了播放器）：
　　
　　11,博客文章直接调用WMP音乐代码（可视化效果，无面板按钮）：
　　

　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　

　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　1.
　　
　　
　　2.
　　
　　
　　3.
　　
　　4.
　　
　　
　　5.
　　
　　6.
　　
　　7.
　　
　　
　　
　　
　　播放器说明:
　　常用属性如下：
　　src="歌曲链接地址"
　　设定 歌曲链接地址 档案及路径，使用时去掉引号。
　　autostart=true
　　是否在音乐档下载完之后就自动播放。true 是，false 否 (内定值)。
　　loop="true"
　　是否自动反复播放。LOOP=2 表示重复两次，true 是， false 否。
　　HIDDEN="true"
　　是否完全隐藏控制画面，true 为是，no 为否 (内定)。
　　STARTTIME="分:秒"
　　设定歌曲开始播放的时间。如 STARTTIME="00:30" 表示从第30秒处开始播放。
　　VOLUME="0-100"
　　设定音量的大小，数值是0到100之间。内定则为使用系统本身的设定
　　WIDTH="整数" 和 HIGH="整数"
　　设定控制面板的高度和宽度。(若 HIDDEN="no")
　　ALIGN="center"
　　设定控制面板和旁边文字的对齐方式，其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom
　　CONTROLS="smallconsole"
　　设定控制面板的外观。预设值是 console。
　　console 一般正常面板 　　
　　smallconsole 较小的面板 　　
　　playbutton 只显示播放按钮 　　
　　pausecutton 只显示暂停按钮 　　
　　stopbutton 只显示停止按钮 　　
　　volumelever 只显示音量调节按钮
　　如果要隐藏播放器，把width和height的数值改成0或者1就可以了，但不能真正隐藏，可见到一条竖线，最好用hidden=true来隐藏。
　　另，type值有针对性，MP3和Wave文件通常用audio/mpeg，WMA用audio/x-ms-wma，Real类型的要用application/octet-stream，Flash类型用application/x-shockwave-flash。另外，如果不想让播放机的界面显示出来，可用hidden=true替代width和height两个参数。至于播放值的高与宽，多做尝试即可把握。

本文转自
http://www.haahoo.com/blog/index.php/uid-140289-action-viewspace-itemid-5991