当前位置:图集之家知识

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

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

内容

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

比如我们需要把优酷上的视频放到我们自己的网站上,有相关的代码,直接复制粘贴就可以了,但是那种方式会把优酷视频的片头广告等也带到自己的网站上面,显然这个是不大好的。下面的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://xxx.com/jiexi.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]就可以了。

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

*特别声明:资源收集自网络或用户上传,本网站所提供的电子文本仅供参考,请以正式出版物为准。电子文本仅供个人标准化学习、研究使用,不得复制、发行、汇编、翻译或网络传播等。如有侵权,请联系我们处理。

相关