Skip to main content
 首页 » 网络杂谈

wordpress主题整合ckplayer播放器

2014年02月17日125820

有时候我们的网站中需要用到视频,如一些电影网站、视频网站,再比如No牛网的视频教程栏目的文章,都需要用到视频。大多数情况下,我们是使用的外链视频地址,这个也是出于网站服务器带宽、负载等的考虑。

比如我们需要把优酷上的视频放到我们自己的网站上,有相关的代码,直接复制粘贴就可以了,但是那种方式会把优酷视频的片头广告等也带到自己的网站上面,显然这个是不大好的。下面No牛网的wordpress整合ckplayer的方法就可以去除这个弊端,还可以自定义广告内容。

CKplayer,其全称为超酷flv播放器,它是一款用于网页上播放视频的软件,支持的格式有:http协议上的flv,f4v,mp4格式,同时支持rtmp视频流格式播放,此播放器的特点在于用户可以自己定义播放器的风格,诸如播放/暂停按钮,静音按钮,全屏按钮都是以外部图片接口形式调用,用户根据自己的需要制作出播放器风格所需要使用的各个按钮图片然后替换掉原始风格里相应的图片就可以制作出自己的风格。

那么Wordpress怎么整合ckplayer呢?其实还是挺简单的,比如织梦整合Ckplayer的话,已经有相关的插件,下载安装就可以了。Wordpress的整合也可以按照如下步骤来操作。

1.下载ckplayer源代码

以ckplayer6.3精简版为例,从Ckplayer官网下载源代码包,解压出压缩包里面的ckplayer文件夹放到当前主题文件夹。当然这个路径也是可以修改的,只需要后面修改对应的路径可以找到这个文件夹即可。

下载video.php解析插件一起放到ckplayer文件夹里面(也可以单独放在网站根目录下)。video.php这个文件可以去ckplayer官方论坛下载。

2.配置cklayer的xml文件

在cklayer.xml配置里面找到<flashvars>这一行,把里面的路径修改为video.php的绝对路径地址:

<flashvars>{p->1}{b->1}{s->2}{l->}{r->}{t->}{f->绝对路径/video.php?url=[$pat]}</flashvars>

3.加载ckplayer的js文件

在你使用的主题head.php头部加上以下的代码,引入js文件,注意引入的路径与ckplayer文件夹放置的路径一致:

<script type="text/javascript" src="https://www.noniu.com/zatan/

4.WordPress添加短代码

接下来就是在Wordpress为Ckplayer添加短代码支持了。添加到主题functions.php里面,其中宽高值自己设定 p=0为不自动播放:

add_shortcode("ckplayer","ipc_ckplayer");function ipc_ckplayer( $atts, $content=null ) {return '<embed name="Player" id="Player" src="'.get_stylesheet_directory_uri().'/ckplayer/ckplayer.swf" flashvars="a='.$content.'&p=0" quality="high" width="650" height="400" align="middle" allowScriptAccess="always" allowFullscreen="true" type="application/x-shockwave-flash"></embed>';}

发布文章的时候,在文章中插入[ckplayer]视频地址[/ckplayer]就可以了。

按以上步骤操作之后,就可以把优酷等网站的视频直接在自己网站发布了。当然,我们还可以更加进一步,添加自定义栏目来专门输入视频地址,这样更加方便。

评论列表暂无评论
发表评论