分享

图片加音乐播放器代码

 冉冉晴天 2014-05-12

  ① 效果↓:

 

 

代码↓:

 <TABLE style="FILTER: alpha(opacity=100 Style=0 FinishOpacity=100)" borderColor=#000000 height=320 cellSpacing=0 cellPadding=0 width=500 align=center background=图片地址 border=0>
<TBODY>
<TR>
<TD width=200 height=200 cellSpacing="0" cellPadding="0"></TD></TR>
<TR>
<TD align=cente>
<P align=center><EMBED style="BORDER-RIGHT: #cccccc 0px solid; FILTER: alpha(opacity=40 Style=1
FinishOpacity=40) gray progid:<br>DXImageTransform.Microsoft.Blur
(PixelRadius=0 MakeShadow=false); BORDER-LEFT: #cccccc 3px solid; BORDER-BOTTOM: #cccccc 0px solid; BORDER-: #cccccc 0px solid" src=音乐地址 width=200 height=24 type=application/x-mplayer2 volume="0" autostart="1" loop="-1"></P></FONT></TD></TR></TBODY></TABLE>

代码说明: 

播放器宽度width=500 高度height=320 均可自己设置,

宽度和高度设为0时,播放器为隐藏状态;

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

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

支持播放的音乐格式有: wma mp3 rm ra ram asf mid

 

② 精简效果:↓

 

 

精简代码:↓

<TABLE height=450 width=600 align=center background=背景图片地址 border=0>
<TBODY>
<TR>
<TD width=380 height=380></TD></TR>
<TR>
<TD>
<P><EMBED style="FILTER: alpha(opacity=100,style=2); WIDTH: 50px; HEIGHT: 26px" src=音乐地址 type=application/x-mplayer2 loop="1" autostart="1" volume="0" allowNetworking="internal"></P></FONT></TD></TR></TBODY></TABLE>

 

代码说明:

注意加粗的部分:“450”“600”“背景图片地址”“380”“380”

                            “100”  “2”“50”“26”“音乐地址”

加粗的 450和600 是指背景图片的大小

加粗的 380和380 是指播放器在背景图片上显示的位置

加粗的 100 是指播放器的透明度,设为0的话播放器就看不见

加粗的 2 是指播放器的款式,有四种1、2、3、4

加粗的 50和26 是指播放器界面的大小

       以上数值都可以自己改变,但一定要记得“图片地址”和“音乐地址”后面要空一格,不要跟后面的字母相连,否则,图片不显示,音乐不响。

 


===================================================

博客美化与技巧

精美 flash  浏览导航代码 精美静态背景图片
颜色代码大全 标题栏精美图 精美动态背景图片
博客基本代码 图片加播放器代码 表格制作及文字链接
个人名片制作 滚动拉条代码 添加QQ和POPO方法
闪光字的制作 立体图片代码 立体线条边框代码
视频相册制作 立体文字制作 图片叠加flash代码
音画欣赏 图片对称代码 日志背景制作
精美闪字图片 移动代码用法 自定义flash播放器①
博客计数器 漂亮flash一组 自定义flash播放器②
天使图片 歌曲联播制作 图片文字flash特效组合
经典游戏 ps快捷键大全 WMP播放器款式代码

【我也要这个↑列表】


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多