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

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

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

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

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 更新:替换说明:

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

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

演示:

php加skplayer,WordPress整合ckplayer(最新)相关推荐

  1. ck6.8整合php,WordPress整合ckplayer X和ckplayer 6.8的最新完美代码

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

  2. php网站整合ck播放器,wordpress整合ckplayer最新版 wp文章短代码调用ck播放器

    今天翻了翻网上的教程,试试把ckplay整合到wp里面,虽然没什么多大的帮助,但是小试一手,很简单,几分钟就成功了-- 试试下效果,不错就分享一下吧 CKplayer是可以由大家自己diy播放器风格, ...

  3. WordPress整合ckplayer X3视频播放器插件

    使用教程 1.下载插件,并将"ckplayer"插件文件夹上传WordPress插件目录"/wp-content/plugins/" 2.登录后台启用" ...

  4. bakaxl启动器怎么导入整合包_bakaxl启动器加光影(附攻略)下载-bakaxl启动器加光影皮肤整合包2020最新手机免费版下载v1.16_86PS软件园...

    bakaxl启动器加光影皮肤整合包2020最新手机免费版是款非常逼真的像素生存模拟类的趣味游戏.在这款bakaxl启动器加光影中将会带领玩家们安装光影整合包感受全新的模式的乐趣.玩家们在这里只需要根据 ...

  5. ck6.8整合php,phpcms V9整合ckplayer 6.2教程,完整无错,非插件.(3)

    其他不用更改,提交即可. 如下图: 视频字段设置.png(21.04 KB, 下载次数: 120) 2013-9-30 17:53 上传 点击文件名下载附件 视频字段设置 ②修改模版: 内容页模板 p ...

  6. php网站整合ck播放器,帝国cms整合CKplayer播放器代码教程

    网上关于帝国cms整合ckplayer播放器的教程已经很多了,奇芳阁也分享过一篇帝国cms整合ckplayer的博文,不过可惜的是那种方法只能播放flv格式的文件,下面分享一种帝国cms完美整合CKp ...

  7. 一加3t氢android8_两年前的一加3T还在坚持 最新安卓8.0稳定版公布

    原标题:两年前的一加3T还在坚持 最新安卓8.0稳定版公布 很多人会觉得,手机用久了就应该扔掉了,不管有没有坏,只要过时就不用,要用就用最新款.那我想对这些土豪们说:"你可闭嘴吧!那么有钱的 ...

  8. iOS之深入解析CocoaPods的插件机制和如何加载插件整合开发工具

    一.CocoaPods 插件机制 ① Ruby 在 Ruby 中,类永远是开放的,总是可以将新的方法加入到已有的类中,除了自己的代码中,还可以用在标准库和内置类中,这个特性被称为 Ruby Open ...

  9. wordpress首页调取最新评论代码

    我们要在CMS样式的博客首页调取最新评论文章,比如你可以根据评论的多少排序实现最热文章的效果,代码如下: <?php $post_num = 10; // 设置调用条数 $args = arra ...

  10. PHP文件加到WordPress页面,WordPress-所有页面链接到index.php文件

    [WORDPRESS上的新功能] 我正在使用自己的CSS等创建自己的wordpress主题.我设法在index.php文件中获得了所有不错的东西, 而且我现在也尝试制作其他页面. 当我制作home.p ...

最新文章

  1. 快速排序 ——双游标、单游标实现
  2. centos7编译安装mysql5.7_在Centos7源码包编译安装MySQL5.7
  3. 为什么有时打不开爬取到的图片
  4. kafka 发布-订阅模式_使用Apache Kafka作为消息系统的发布-订阅通信中的微服务,并通过集成测试进行了验证...
  5. vscode php formatter mac配置_Mac上配置Vs code时,遇到的几个“坑”!
  6. C# HttpClient设置cookies的两种办法
  7. 微信小程序 - 展开收缩列表
  8. MySQL 8.0.11 中使用 grant ... identified by 时 error 1064 near 'identified by '密码'' at line 1...
  9. MapGIS 6.7 数字非标准分幅影像校正方法
  10. 谷歌浏览器黑色主题设置
  11. 怎么用html5动画效果,教你如何在网页上用H5实现动画效果
  12. 轻松易懂的CSS学习权威指南来了
  13. 【我的Android进阶之旅】 高效的设计稿标注及测量工具Markman介绍
  14. Web前端学习——HTML
  15. 分享45个Android实例源码
  16. 图片怎么转jpg?教你两个超简单的图片转jpg格式的方法
  17. vue VNode如何使用,是什么东西?
  18. 【转载】研究生退学记——谨以此记录我半途而废的研究生生涯
  19. 从头到脚撸一个多人视频聊天 — WebRTC 实战(一)
  20. Microsoft SQL Server,附加数据库 错误:Error 916解决方法

热门文章

  1. Vue实现登录记住密码
  2. 全球最强免费电子书下载网址
  3. novatel计算odom--GPS坐标与UTM坐标转换
  4. JavaScript红宝书第四章
  5. 腾讯翻译君在线翻译怎么翻译整个文件_腾讯文档:在线多人协作文档工具
  6. MQTT X Web:在线的 MQTT 5.0 客户端工具
  7. plsql 通过 excel 创建表
  8. Xcode dSYM 文件
  9. python移植到stm32f205_Micropython学习(二)STM32移植
  10. matlab绘制三角函数乘除法的问题