好友

享受生命，享受健康，享受快乐，享受幸福！

日志

关于我

好友

一个善解人意,宽宏大量,包容一切,非常随和的老人。

文章分类

自己添加歌曲的播放器代码

2013-01-17 23:12:13| 分类：【博客知识】 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

自己添加歌曲的播放器代码

转载：笑看风云网易博客

序列号 41

序列号 44

序列号 48

序列号 55

序列号 59

序列号 60

序列号 71

序列号 95

序列号 113

序列号 115

序列号 118

序列号 125

序列号 130

序列号 132

序列号 133

序列号 136

序列号 137

序列号 139

序列号 140

序列号 95

序列号 143

序列号 144

序列号 147

序列号 150

序列号 155

序列号 165

序列号 177

序列号 180

序列号 181

序列号 185

序列号 186

序列号 189

序列号 193

序列号 199

序列号 200

序列号 211

序列号 213

序列号 216

序列号 217

序列号 218

序列号 227

序列号 228

序列号 235

序列号 240

序列号 242

序列号 255

序列号 257

序列号 278

序列号 279

序列号 291

序列号 292

序列号 293

序列号 298

序列号 313

序列号 315

序列号 316

序列号 317

序列号 325

序列号 328

序列号 337

序列号 340

序列号 341

序列号 342

序列号 347

序列号 355

序列号 362

序列号 370

序列号 373

序列号 381

序列号 382

序列号 389

引用直接复制

将以下代码复制粘贴在日志或首页自定义模块源代码的编辑区，填入序列号、歌曲网址、歌曲名和演唱者，就大功告成了。这个代码只需变化序列号，就可以更换不同款式的播放器，并且可以随意调整播放器的位置，用起来非常方便。其风格简约，色彩清新，意境悠远，非常漂亮。

代码说明：

1、序列号改为1－393之间的数字，可得到不同款的播放器；

2、MP3网址一定要是MP3格式结尾；

3、歌曲名称处填入歌名；

4、autoStart=no 手动播放，yes自动播放；

5、repeatPlay=yes 循环播放。no不循环播放；

6、width=宽度 height=高度；

7、MARGIN-TOP: 105px; 播放器与日志编辑区顶部的距离；变化数值可调整播放器的上下位置；

8、MARGIN-LEFT: 260px; 播放器与日志编辑区左边的距离；变化数值可调整播放器的左右位置；

读书园地	精美图文		边框分割	哲理感悟
博客代码	美图欣赏		音乐殿堂	美食天地
博客知识	电脑知识		影视园地	百科知识
幽默笑话	美景欣赏		QQ知识	音画视频
民间验方	点击进入好友博客，分享更多精彩...			品茶之道
分类日志		精品精华	健康养生
五花八门	美文欣赏	戏曲音乐	佛教音乐	美好祝福
珍贵图片	有声读物	日志导航	回望高原	周末游戏

评论这张

转发至微博

阅读(100)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_087066081084089069082085086066072087082075085081095071083086',
              blogTitle:'自己添加歌曲的播放器代码',
              blogAbstract:'    <TABLE border=\"1\" cellSpacing=\"35\" borderColor=\"#039902\" cellPadding=\"0\" width=\"750\" background=\"http://img.ph.126.net/M3kDOZ2w8umxXBjJUxNkEw==/1514898324657404245.jpg\" align=\"center\" \>  <TBODY\>  <TR\>  <TD\>  <TABLE style=\"BORDER-COLLAPSE: collapse;\"  border=\"1\" cellSpacing=\"3\" borderColor=\"#111111\" cellPadding=\"0\" width=\"90%\"  background=\"http://www.spiritisup.com/truesungold.jpg\" align=\"center\" \>  <TBODY\>  <TR\>  <TD width=\"100%\"  \>  <CENTER\>  <TABLE width=\"99%\"  background=\"http://img775.ph.126.net/W0ZtSl9pWnlHGULFu1yN7g==/4856569248166039304.jpg\" \>  <TBODY\>  <TR\>  <TD width=\"100%\"  \>  <CENTER\>  </CENTER\></TD\></TR\></TABLE\></CENTER\></TD\></TR\></TABLE\></TD\></TR\></TABLE\>',
              blogTag:'',
              blogUrl:'blog/static/1381794702012611103713722',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1358435534013,
              publishTime:1358435533927,
              permalink:'blog/static/1381794702012611103713722',
              commentCount:0,
              mainCommentCount:0,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'一个善解人意,宽宏大量,包容一切,非常随和的老人。',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/1381794702012611103713722">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

好友

导航

日志

自己添加歌曲的播放器代码

历史上的今天

最近读者

热度

评论

页脚