如何在你的wp中插入音乐播放器
呵呵, 这里我将分享下如何把音乐播放器插入到你的wp中.
基础知识
首先, 你要明白音乐播放器一般是个flush插件, 于是对于手机用户可能不支持. 对于那些没安装flush插件的浏览器也可能不支持.
一般来说, wp官网已经提供了相关的插件, 但是我觉得都不太理想. 一是样式不好看, 二是可控性太低.
于是让我们一起来动动手, 插入一个很酷的音乐播放器.
一点准备知识
首先我选用的是法国人开发的一款清新的播放器插间————Dewplayer. 官网在这里, 效果也可以参考我注意的边侧栏. 其实我用的是playlist主题, 它还提供了许多主题.
其次, 我的方法是把播放器直接传到服务器上, 通过插入小工具来调用播放器.
具体步骤
- 点击这里下载Dewplayer插件包, 当然也可以在官网下载, 我这里只是自己添加了一个playlist, 可以自动播放我的音乐, 即那个sad.xml文件; 关于如何编辑自己的播放列表, 可以仿照默认的playlist.xml. 关键是要有个不变的音乐地址, 我用的是live.cn来存储的.
- 解压并上传下载的插件包到你的plugins目录下, 使得我们能够通过wp-content/plugins/dewplayer/ 可以调用播放器.
- 进入你的wp控制面板, 点击外观->小工具->文本; 拖动文本小工具到右边的边侧栏, 然后填写标题为Dewplayer(随便什么都行的), 关键是后面的内容. 把如下代码
1234567<object type="application/x-shockwave-flash" data="wp-content/plugins/dewplayer/dewplayer-playlist.swf"width="240" height="200" id="dewplayer" name="dewplayer"><param name="wmode" value="transparent" /><param name="movie" value="wp-content/plugins/dewplayer/dewplayer-playlist.swf" /><param name="flashvars" value="volume=64&showtime=true&autoreplay=true&autostart=true&randomplay=true&fading=3&xml=wp-content/plugins/dewplayer/sad.xml" /></object>
填写在标题下面的大框框中, 如图所示
- 点击你的主页, 预览下能否正常播放了?效果如图所示
- 各项参数意义是明显的, volume是音量大小; showtime表示是否显示播放时间; autoplay是否自动播放, 即不点播放键自动开始;autostart表示自动开始;randomplay表示随机播放; fading表示歌曲之间的间隔时间;
- 关键点有几个, 即是那几个wp-content的地方, 一定要指定对, 前两个是播放器的相对路径, 而最后一个是播放列表的地址; 这里的sad.xml是我自己制作的, 你若下载的是官网的插件包, 那么是没有的, 请用默认的playlist.xml代替.
- 最后, 你会发现在IE下仍然不能播放, 这可以通过把上述代码copy到一篇新文章中(HTML编辑模式), 切换到可视化模式, 再回到代码编辑模式, 这是你会发现原来的代码变了. 其实就是加入了embedding, 把现在的代码替换原来的代码, IE就可以正常识别了. 如图所示
发表回复