我在网站上找到的教程代码是这样的:
#phx{FILTER:
Alpha(Opacity=100, FinishOpacity=10, Style=2, StartX=20, StartY=40,
FinishX=0, FinishY=0)gray(); WIDTH: 220px; HEIGHT: 32px}
教程还说gray()中可以加上自己喜欢的颜色代码,改变颜色,其实是错的。gray是一个让对象变成灰色的参数,在这里,后面的括号有没有是没什么区别的
想到了改变播放器的颜色,我就试着用别的参数来设置,结果不得其法,只想到了三种方法,但是却是固定的,无法自定义颜色
第一种就是默认,不加任何参数,那就是默认的浅蓝色面板
第二种就是使用gray参数,那就是灰色的播放器面板
第三种就是使用invert参数,那就是默认的反相色面板,什么是反相呢?就是照片底片上的那种就是印刷出来的照片的反相,而照片也是底片的反相
关于这个渐变透明filter:alpha()当中的各参数可以参考链接:背景色的半透明设置
我在里面详细解释过
接着来解释
width:220px 这个是设置播放器显示的宽度,其实220px小了,我空间里设置了225px,正好大小
height:32px 这个是设置播放器显示的高度,32px正好
这整个的效果的原理其实就是把原来播放器的视频界面利用设置高度来把它推出了显示的空间,所以视频界面才看不到,如果我们把height设的大一点,就能看到视频界面的下面的部分了。。
大家只要把代码添加在空白处就可以了
下面我把三种颜色的面板的示例贴出来
第一种默认:
代
码:#phx{FILTER: Alpha(Opacity=100, FinishOpacity=10, Style=2, StartX=20,
StartY=40, FinishX=0, FinishY=0); WIDTH: 225px; HEIGHT: 32px}
第二种gray参数:
代
码:#phx{FILTER: Alpha(Opacity=100, FinishOpacity=10, Style=2, StartX=20,
StartY=40, FinishX=0, FinishY=0) gray; WIDTH: 225px; HEIGHT: 32px}
第三种invert参数:
代
码:#phx{FILTER: Alpha(Opacity=100, FinishOpacity=10, Style=2, StartX=20,
StartY=40, FinishX=0, FinishY=0) invert; WIDTH: 225px; HEIGHT: 32px}
说一下,因为个人觉得这个透明度太高,有点夸张了,所以我空间的面板代码参数不在上面三种之中,考虑到可能有朋友想要我的效果,这里我把我的贴出来
代
码:#phx{FILTER: Alpha(Opacity=100, FinishOpacity=25, Style=2, StartX=20,
StartY=100, FinishX=0, FinishY=0); WIDTH: 225px; HEIGHT: 32px}
另外强调下:代码设置的大小写没有关系,都是一样的
还有要设置这个效果的,而且原来设置过隐藏播放器的朋友,请先把设置隐藏的代码删除后再添加这里的代码。
我发现了第四种颜色,这种播放器的颜色就是用了xray的滤镜效果,也就是x光的效果
结合之前那篇文章:
第四种xray参数:
代
码::#phx{FILTER: Alpha(Opacity=100, FinishOpacity=10, Style=2,
StartX=20, StartY=40, FinishX=0, FinishY=0)xray; WIDTH: 225px; HEIGHT:
32px}
现在我还要说一下另一个问题,就是如何让播放器上显示进度条,播放器就是有进度条的,如何让播放器显示进度条,就是只要把height:
32px中的32改成43或者44就可以了,我空间中用的是43,大家要是喜欢的可以用44,区别不是很大,但是仔细观察会发现有那么一点点的不一样,你
们自己试试看就知道了