凯旋博客

WordPress整合ckplayer X和ckplayer 6.8的最新完美代码

WordPress整合ckplayer X和ckplayer 6.8的最新完美代码,网上也有很多代码,但是都有些问题,正好自己有个网站需要用这个播放器,就把网上资源拿来研究了下,目前ckplayer X和ckplayer 6.8都可以完美应用。

1.下载ckplayer X最新版本或者6.8版本, 解压后将ckplayer上传到WP网站根目录

2.找到 /wp-content/themes/主题名称/functions.php 文件,在“functions.php”里面添加代码。

ckplayer X代码

//调用Ckplayer播放代码开始

add_shortcode("ckplayer","ipc_ckplayer");

function ipc_ckplayer( $atts, $content=null )

{

return "

<div id=\"a1\" style=\"width:100%;height:100%;\"></div>

<script type=\"text/javascript\" src=\"/ckplayer/ckplayer.js\" charset=\"utf-8\"></script>

<script type=\"text/javascript\">

var videoObject = {

container: '#a1',

variable: 'player',

flashplayer:false,

video:'".$content."'

};

var player=new ckplayer(videoObject);

</script>

 

";

}

//调用Ckplayer播放代码结束

//后台增加短代码按钮开始

function appthemes_add_quicktags() {

?>

<script type="text/javascript">

QTags.addButton( 'ckplayer', 'ckplayer', '[ckplayer]', '[/ckplayer]' );

</script>

<?php

}

add_action('admin_print_footer_scripts', 'appthemes_add_quicktags' );

//后台增加短代码按钮

ckplayer 6.8代码

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 }

3.增加代码后保存重新上传到该模板目录对应位置覆盖,后台写文章时在文本编辑模式下,编辑框上方小图标最后面有ckplayer或者wp_ckplayer,直接点击,即可在编辑器里出现[ckplayer]视频地址[/ckplayer]或者[wp_ckplayer]视频地址[/wp_ckplayer]。

代码如果网页上直接复制有问题的话可以在这里下载文本格式再复制

ckx代码

ck6.8代码

演示网址:http://www.yukee.org/yukee-video-20190429/

当前页面是本站的「Google AMP」版。查看和发表评论请点击:完整版 »

因本文不是用Markdown格式的编辑器书写的,转换的页面可能不符合AMP标准。