在某网站上看到了,查看源代码才想到。顺便到网上扒了一段完整的代码下来。
本站的留言页面已经有一个swf音乐播放器了,那个还比较高端,有播放列表。
还有本站主题是全站Ajax,侧边栏播放音乐的话切换页面是不会中断的。
这个播放器比较简单 也可以做成短代码插入到文章中使用。
下面是单独使用的完整代码:
<object type="application/x-shockwave-flash" data="swf播放器地址" width="290" height="24" id="audioplayer1"><param name="movie" value="swf播放器地址" /><param name="FlashVars" value="playerID=1&bg=0xf8f8f8&leftbg=0xeeeeee&lefticon=0x666666&rightbg=0xcccccc&rightbghover=0x999999&righticon=0x666666&righticonhover=0xFFFFFF&text=0x666666&slider=0x666666&track=0xFFFFFF&border=0x666666&loader=0x9FFFB8&soundFile=mp3地址&autostart=yes&loop=yes" /><param name="quality" value="high" /><param name="menu" value="false" /><param name="wmode" value="transparent" /></object></object>
将上面代码中 swf播放器地址 和 你的 mp3地址 换成你的网址,这个播放器可以自定义其中各个部件的颜色,
比如上面 bg=0xf8f8f8 中的f8f8f8就是颜色代码,
一般的色彩代码是"#f8f8f8"这样的形式,在此我们不用"#"而改用"0x",
所以更改色彩代码时,不需要填"#",直接填上后面 16 进位代码即可,
如果 & 这个符号若是没有效果,可以改成 & 这样的写法。
最后记得这段代码不可断行,中间是没有回车换行的,全部要打成一行就对了!
另一种写法:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="290" height="24"> <param name="movie" value="http://inlojv.u.qiniudn.com/musicplayer.swf?soundFile=http://inlojv.u.qiniudn.com/music/J.Cates-Holla.mp3&bg=0xCDDFF3&leftbg=0x357DCE&lefticon=0xF2F2F2&rightbg=0x357DCE&rightbghover=0x4499EE&righticon=0xF2F2F2&righticonhover=0xFFFFFF&text=0x357DCE&slider=0x357DCE&track=0xFFFFFF&border=0xFFFFFF&loader=0x8EC2F4&autostart=yes&loop=yes" /> <param name="quality" value="high" /> <param value="transparent" name="wmode" /> <embed src="//inlojv.u.qiniudn.com/musicplayer.swf?soundFile=http://inlojv.u.qiniudn.com/music/J.Cates-Holla.mp3&bg=0xCDDFF3&leftbg=0x357DCE&lefticon=0xF2F2F2&rightbg=0x357DCE&rightbghover=0x4499EE&righticon=0xF2F2F2&righticonhover=0xFFFFFF&text=0x357DCE&slider=0x357DCE&track=0xFFFFFF&border=0xFFFFFF&loader=0x8EC2F4&autostart=yes&loop=yes" width="290" height="24" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed> </object>
各部件颜色修改如下
leftbg=0xhhhhhh —— left background 颜色
rightbg=0xhhhhhh —— right background 颜色
rightbghover=0xhhhhhh —— right background (激活状态)颜色
lefticon=0xhhhhhh —— left icon 颜色
righticon=0xhhhhhh —— right icon 颜色
righticonhover=0xhhhhhh —— right icon (激活状态)颜色
text=0xhhhhhh —— text 颜色
slider=0xhhhhhh —— slider颜色
loader=0xhhhhhh —— loader bar 颜色
track=0xhhhhhh —— progress track 颜色
border=0xhhhhhh —— progress track border 颜色
autostart —— yes or no 是否自动播放
loop —— yes or no 是否循环播放
下面是演示:(点击播放)
最后是SWF文件下载:
本站文章除注明转载/出处外,均为本站原创或翻译。若要转载但请务必注明出处,尊重他人劳动成果。
转载请注明出处链接 : https://www.inlojv.com/2421.html