用CSS打造你的播放器

用CSS打造你的播放器

 

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

invert滤镜

<!--invert滤镜播放器效果代码：

<div align="center"><embed style="FILTER: invert(); WIDTH: 350px; HEIGHT: 50px" src="音乐地址" type="audio/mpeg" loop="false" autostart="false" showstatusbar="1" /></div>

-->

Blur滤镜

 

<!--Blur滤镜播放器效果代码：

<div align="center"><embed style="FILTER: Blur(); WIDTH: 350px; HEIGHT: 50px" src="音乐地址" width="128" height="128" type="audio/mpeg" volume="0" loop="false" autostart="false" showstatusbar="1" /></div>
-->

Gray滤镜

 

<!--Gray滤镜播放器效果代码：

Gray滤镜 <div align="center"><embed style="FILTER: Gray(); WIDTH: 350px; HEIGHT: 50px" src="音乐地址" width="128" height="128" type="audio/mpeg" volume="0" loop="false" autostart="false" showstatusbar="1" /></div>

-->

Xray滤镜

<!--Xray滤镜播放器效果代码：

Xray滤镜 <div align="center"><embed style="FILTER: Xray(); WIDTH: 350px; HEIGHT: 50px" src="音乐地址" width="128" height="128" type="audio/mpeg" volume="0" loop="false" autostart="false" showstatusbar="1" /></div>

-->

 

alpha滤镜

 

<!--alpha滤镜播放器效果代码：

alpha滤镜 <div align="center"><embed style="filter:Alpha(opacity=10,finishOpacity=100,style=2); WIDTH: 350px; HEIGHT: 50px" src="音乐地址" width="128" height="128" type="audio/mpeg" volume="0" loop="false" autostart="false" showstatusbar="1" /></div>

-->

 

Wave滤镜

<!--Wave滤镜播放器效果代码：

Wave滤镜 <div align="center"><embed style="FILTER: wave(add=0,lightstrength=50,strength=4,freq=2,phrase=30); WIDTH: 350px; HEIGHT: 50px" src="音乐地址" width="128" height="128" type="audio/mpeg" volume="0" loop="false" autostart="false" showstatusbar="1" /></div>

-->

 

alpha滤镜

<!--alpha滤镜播放器效果代码：

alpha滤镜 <div align="center"><embed style="FILTER: alpha(opacity=100,style=3); WIDTH: 350px; HEIGHT: 50px" src="音乐地址" width="128" height="128" type="audio/mpeg" volume="0" loop="false" autostart="false" showstatusbar="1" /></div>

-->