背景故事

啥都不说了,鉴于某位盆友无法顺利集成到WordPress,那就写个水文吧。

这文儿太水了,水的无以复加。

授人以鱼不如授人以渔啊。。

顺便吐槽代码高亮插件会出现直接复制带行号的问题,还好可以切换到纯文本进行复制。怎么切不用说吧,地球人都知道。

播放器文件部署

首先需要部署一下dewplayer播放器的文件。

1、下载到dewplayer的播放器

如果是VPS,直接wget也行,地址如下:

http://www.alsacreations.fr/dl/dewplayer.zip

2、上传文件到WordPress主题目录

这一步不用多说,将dewplayer解压缩然后放到WordPress主题的目录里就行了。

文章调用

首先说一下调用代码,根据官方示例,调用代码如下:

解释一下

其中,data表示播放器文件的地址,width表示播放器宽度,height表示播放器高度。剩余的不用修改。

这里也是需要确定播放器路径的,value后面的值既是。

这里是mp3文件的路径值。需要修改mp3=后面的内容,例如你的mp3在www.xx.com/mp3/1.mp3,那么该段代码:

剩下的没什么必要说了。

那么实现列表形式的,调用代码如下:

第一句没什么好说的,依旧是播放器swf文件地址和播放器宽高度。

第三句跟上面说的一样,确定播放器路径。

这里有一个xml文件,xml文件内是播放列表的样式,需要修改的部分不多,拿上来说一下吧。

调用演示

所用mp3链接来自播放器的官网。。扒来的。

示例

使用时替换成自己的路径即可。

循环播放通过autoreplay参数来控制,具体的控制可以查询官方网站

顺便一说,如果需要在列表中使用中文,需要将xml的编码格式选为UTF-8无ROM。否则会乱码。

版权声明
转载保留版权: 大D技研室 | 《WordPress引用dewplayer播放器》
本文链接地址:https://www.dadclab.com/archives/3721.jiecao
转载须知:如果您需要转载本文,请将版权信息,版权授权方式,以及本文的链接地址注明,谢谢合作。
本文被贴上了: , , , 标签