0°

关于WordPress集成JWPlayer播放器的方法

JW Media Player是一个开源的在网页上使用的Flash视频、音频以及图片播放器,支持 Sliverlight 播放,可以通过一个XML文件使播放器自动切换显示一组图片,并播放背景音乐。

需要使用到的知识点:WordPress的自定义字段

今天以JWplayer原生程序作为例子,做一个集成到WordPress的例子。

准备工具:JWPlayer的程序源码,目前JWPlayer官方最新版下载地址:jwplayer-8.6.3

首先,解压你下载的JWPlayer播放器到你的主题文件夹下;

然后编辑主题的内容页模板(内容页模板一般是single.php,也可以是你的其他页面),替换“ the_content();”函数这一段(当然你也可以直接在你需要的地方加上播放器的代码,或者写判断),看图:

关于WordPress集成JWPlayer播放器的方法

替换之前的代码是这样的

关于WordPress集成JWPlayer播放器的方法

替换之后的代码是这样的

具体代码如下:

<script type="text/javascript" src="/jwplayer-8.6.3/jwplayer.js">script>
<script>jwplayer.key="4sNBpozdkb2Gv+IYeWyd+CID9tW2NXdJE5GeSg==";script>
<div id="jw7">
div>
<script type="text/javascript">
jwplayer("jw7").setup({
	"file": "ID,"video_url",true);?>",
	"aspectratio": "16:9",
	"width": "640",
	"height": "360",
});
script>

注意:

  1. 代码里面的“jwplayer.key”可以替换成自己的key,去jwplayer官方网站注册一个账号就有了;
  2. ID,”video_url”,true);?>里面的ID“video_url”,在后台发布文章的时候,自定义字段里面写,具体用法看下面的步骤;

一、发布文章页面,点击右上角的“显示选项”按钮,然后勾选“自定义栏目”

关于WordPress集成JWPlayer播放器的方法

二、勾选之后编辑器下方会出现自定义栏目的选项框,按图示操作

关于WordPress集成JWPlayer播放器的方法

最后,完善一下就可以发布了。最终效果如下图:

关于WordPress集成JWPlayer播放器的方法

教程到此结束,如果还有什么不明白的地方,可以给我留言!

对了,CKplayer的集成方法跟这个一致。

「点点赞赏,手留余香」

    还没有人赞赏,快来当第一个赞赏的人吧!
限时红包
2 条回复 A 作者 M 管理员
  1. 最好可以实现短代码的方式那就太完美了、

    • 这个您可以使用插件的方式实现

欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论