有时候我们的网站中需要用到视频,如一些电影网站、视频网站,再比如奇芳阁软件世界的视频教程栏目的文章,都需要用到视频。大多数情况下,我们是使用的外链视频地址,这个也是出于网站服务器带宽、负载等的考虑。
比如我们需要把优酷上的视频放到我们自己的网站上,有相关的代码,直接复制粘贴就可以了,但是那种方式会把优酷视频的片头广告等也带到自己的网站上面,显然这个是不大好的。下面的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的绝对路径地址:
{b->1}{p->1}{s->2}{f->http://xxx.com/jiexi.php?v=[$pat]}
3.加载ckplayer的js文件
在你使用的主题head.php头部加上以下的代码,引入js文件,注意引入的路径与ckplayer文件夹放置的路径一致:
4.WordPress添加短代码
接下来就是在Wordpress为Ckplayer添加短代码支持了。添加到主题functions.php里面,其中宽高值自己设置, p=0为不自动播放:
// 添加ckplayer播放器短代码
add_shortcode("ckplayer","ipc_ckplayer");
function ipc_ckplayer( $atts, $content=null ) {
return '';
}
发布文章的时候,在文章中插入[ckplayer]视频地址[/ckplayer]就可以了。
按以上步骤操作之后,就可以把优酷等网站的视频直接在自己网站发布了。当然,我们还可以更加进一步,添加自定义栏目来专门输入视频地址,这样更加方便。