WordPress整合ckplayer播放器,利用ck播放器实现无广告播放视频

[ wordpress教程   // 2015-05-04 00:00:00  ]
 

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

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

WordPress整合ckplayer播放器,利用ck播放器实现无广告播放视频:

首先超酷播放器官方提供CKplayer这么好的播放器,真的很强大。然后我也是半调子,不是专业技术,谷歌了的很多教程最后才整合成功的。另外我的方案肯定也不是最完美的,但我自己基本够用。这个教程只是整合教程,CK的基本使用请参看其他教程。下面就跟这个奇芳阁看一下WordPress整合ckplayer播放器,利用ck播放器实现无广告播放视频的方法!

1.下载ckplayer源代码

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

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

2.配置cklayer的xml文件

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

<flashvars>{b->1}{p->1}{s->2}{f->http://www.softhome.cc/qifangge.php?v=[$pat]}</flashvars>

3.加载ckplayer的js文件

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

<script type="text/javascript" src="<? bloginfo('template_directory'); ?>/ckplayer/ckplayer.js"></script>

4.WordPress添加短代码

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

// 添加ckplayer播放器短代码
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]就可以了。

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

效果预览:查看效果

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

www.000webhost.com