700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > html博客音乐播放器代码大全 HTML博客音乐播放器代码大全

html博客音乐播放器代码大全 HTML博客音乐播放器代码大全

时间:2019-05-09 20:58:22

相关推荐

html博客音乐播放器代码大全 HTML博客音乐播放器代码大全

白色代码:

黑色代码:

灰色代码:

棕色代码:

代码说明——其中:width=100 height=40 中的数字分别表示播放器的宽度和高度,注意:都选择0将隐藏播放器(隐藏时一定要选择自动播放)

autostart="true"中true或1表示自动播放,false或0表示手动播放

loop="true" 中的true或1表示重复播放,false或0表示只播放一次

一、几款最常用的播放器

代码如下:

(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背景做成动态播放器

(中间蓝底部分为原来的灰色播放器代码

代码如下:

甚至还可以将动态背景只在播放器底部运行

中间棕底字体为原灰色播放器代码

代码如下

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。