WordPress网站整合ckplayer的方法

2019-01-16 13:34:37      艾奇网      28     

如过你想在你的wordpress网站分享一些视频在线观看的话,可以用ckplayer,绝大部分的视频站都用这个吧,挺不错的,自定义播放器 logo,自定义视频中滚动文字广告,自定义片头、片尾等等之类

这里分享以下整合ckplayer的教程,留个备用


首先我们需要在ckplayer 官网上下载 ckplayer 播放器文件压缩包,解压其中的文件夹 ckplayer 放到网站根目录下,然后在主题functions.php 文件中添加下面代码:

add_shortcode("wp_ckplayer","wp_ckplayer");
function wp_ckplayer( $atts, $content=null )
{
return "
<div id=\"a1\"></div>
<script type=\"text/javascript\" src=\"/ckplayer/ckplayer.js\" charset=\"utf-8\"></script>
<script type=\"text/javascript\">
var flashvars={
f:'".$content."',
c:0,
my_url:encodeURIComponent(window.location.href),
my_title:encodeURIComponent(document.title)
};
var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always',wmode:'transparent'};
var video=['".$content."->video/mp4'];
CKobject.embed('/ckplayer/ckplayer.swf','a1','ckplayer_a1','100%','400',false,flashvars,video,params);
</script>
";
}
add_action('after_wp_tiny_mce', 'bolo_after_wp_tiny_mce');
function bolo_after_wp_tiny_mce($mce_settings) {
?>
<script type="text/javascript">
QTags.addButton( 'wp_ckplayer', '视频地址', "[wp_ckplayer]视频地址[/wp_ckplayer]" );
function bolo_QTnextpage_arg1() {
}
</script>
<?php }

这样我们在编辑文章的时候切换到文本选项即可看到 ckplayer 的按钮,使用的时候点击然后替换其中的文字视频地址为真正的视频地址即可。

至于如何自定义自己的播放器 logo、广告,还请自行在官方文档中查看帮助文件,都是很简单的操作。


TAGWordPressckplayer