现在的位置: 首页 > 程序人生 > 正文
wordpress博客文章插入MP3播放器
2013年10月17日 程序人生, 网页前端 ⁄ 共 861字 评论数 3 ⁄ 被围观 8,474 views+

一、上传播放器,添加音乐外链

1.下载MP3播放器       下载地址:点击下载,然后上传到主题文件根目录下面

2.找到Wordpress主题functions.php模板文件,将如下代码插入到该该文件中:

function mp3player($atts, $content=null){
    extract(shortcode_atts(array("auto"=>'0'),$atts));
    return '<embed src="'.get_bloginfo("template_url").'/mp3player.swf?url='.$content.'&amp;autoplay='.$auto.'" type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="always" width="400" height="30">';
}
add_shortcode('mp3','mp3player');
      3.在编辑文件的时候插入以下代码:
{mp3 auto="0" vol="100" ]音乐链接[/mp3}
注:前后的 { } 用 [ ] 替换。

注意: auto="0"为不自动播放   1不自动播放

vol="100" 音量可以从1到100随便填写

     最终效果如下:
     

二、虾米播放器

1.登录http://www.xiami.com,搜索音乐,more,转帖到其他的网站

2.获取html代码,粘贴到文章的html里面

<embed src="http://www.xiami.com/widget/0_1769463115/singlePlayer.swf" type="application/x-shockwave-flash" width="257" height="33" wmode="transparent"></embed>
      最终效果如下:
      

原创文章,转载请注明: 转载自成长的企鹅

本文链接地址: wordpress博客文章插入MP3播放器

关于我:成长的企鹅简介

目前有 3 条留言 其中:访客:2 条, 博主:1 条

  1. ivkeji : 2013年10月17日13:36:02  -49楼 @回复 回复

    😉 留言是种美德,写点什么…留个脚印 :mrgreen:

  2. 真人cs : 2014年03月14日15:52:27  -48楼 @回复 回复

    虽然我知道我自己的博客并不怎么样,但咱是最业余的玩家呀,咱的域名好啊。

给我留言

留言无头像?


×