WordPress插入音乐播放器

说到音乐应该是每个博客都不可缺少的，在Wordpress文章或者日记中插入音乐是算基本需求了。本文介绍在wordpress添加音乐播放器的两种方法，所添加的播放器不但支持html5，也可以自适应。

插件实现音乐播放器

在此首先给大家推荐一款业内良心插件：本站使用的插件也就是他了.

• 牧风的Hermit播放器

演示一下本站的播放器效果，也是该有的都有，简洁大方不解释。Hermit播放器支持虾米音乐和网易云音乐，你可以直接在文章中插入来自虾米或者网易云音乐的歌曲到文章中。以下为演示：（样式为远方的海优化版，如果你也喜欢本站的样式可以参考：美化Hermit播放器代码）

然后又到了本洁癖患者出场的时间了，接下来介绍一个非插件短代码添加音乐播放器的方法。

下载播放器

下载mp3播放器，放在当前主题的目录下：点击下载

添加代码

在模板函数functions.php结尾处插入以下代码：（宽度和高度分别是400*30，这个可以根据你的需求更改~）

//mp3播放器
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');

调用和补充

调用

使用/调用方法：文章中插入音乐使用时：如下调用：

[mp3 auto="1"]歌曲的链接，如http://www.xyz.com/xxx.mp3[/mp3]

auto值：0不自动播放，1自动播放。也可以不加如下，默认不自动播放：

[mp3]歌曲的链接，如http://www.xyz.com/xxx.mp3[/mp3]

补充

如何获取一个mp3的url链接呢，推荐大家使用网盘或者云空间。也可以自己上传到自己的媒体库里面（这个可能比较费流量）。当然Sven给大家推荐七牛免费云空间了。

关于七牛的使用，还有两篇文章可以给大家参考。

1. WordPress 使用七牛加速网站之初级篇
2. WordPress 非插件七牛CDN全站加速

 

https://www.seavia.com/wordpress/add-music-without-plugins.html