php加skplayer,WordPress整合ckplayer(最新)

当我们想个性化网站中视频元素时,比如自定义播放器 logo,自定义视频中滚动文字广告,自定义片头、片尾等等之类的,ckplayer 是我们一个不错的选择,ckplayer 支持 http 协议下的 flv,f4v,mp4,支持 rtmp 视频流和 rtmp 视频回放,支持 m3u8 格式,是一款很理想的播放器。

现在百度上的整合文章感觉都是不靠谱的,所以今天陌小雨分享一个可行的 wordpress 整合 ckplayer 的教程.

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

2018-3-23 更新:重要:是 ckplayer 压缩包里面的 ckplayer 文件夹 里面的文件是这样子的:

84da08ebbfdf4ac20e1240b3182f8438.png

2017-11-11 日更新:ckplayer version:X 版本可以依葫芦画瓢

2018-2-23 更新: 下面的代码只适合 ckplayer6.8 版本,在官网可以下载

add_shortcode("wp_ckplayer","wp_ckplayer");

function wp_ckplayer( $atts, $content=null )

{

return "

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);

";

}

add_action('after_wp_tiny_mce', 'bolo_after_wp_tiny_mce');

function bolo_after_wp_tiny_mce($mce_settings) {

?>

QTags.addButton( 'wp_ckplayer', '视频地址', "视频地址" );

function bolo_QTnextpage_arg1() {

}

将上述代码中的替换为[及]   闭合标签也要替换

2018-2-23 更新:替换说明:

b182b55ef64b45b8c5976f3d2b59b25c.png

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

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

演示:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值