^ 回到顶部
  • 人生没有定律,每个人都有自己的节奏
  • 本站wordpress建站教程均通过实践后发布,希望可以帮到你
  • 希望你的坚持,都是因为热爱,而不是因为不甘心
  • 5年wordpress建站经验,5星服务品质
  • 那些不愿意让你吃亏的人,才是真正值得你深交的人,也是值得你付出时间的人

WordPress整合ckplayer(最新)

阿里云服务器9.9

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

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

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

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

WordPress 整合 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 "
    <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 }

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

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

WordPress 整合 ckplayer(最新)

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

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

你可能也会需要这样一款插件:WordPress 插件推荐: ckplayer without ad

演示:

让小雨知道,这篇文章帮到了你

展开阅读全文

扫码关注微信公众号zs40086(微搜片)随时随地微信看片,抢先福利电影等你来
小雨导购

如有疑问,请前往问答中心反馈!

反馈
  1. tttyyy
    官网下载的没有m3u8.swf,怎么弄?
  2. 22222
    你推荐插件的下载地址都没有
    • 陌小雨网站管理员
      @22222 这个自己在后台根据插件名搜索就好了哦
  3. 浏览米
    x 版本的代码在哪啊 为什么我能播放 但是播放器高度很窄啊 高和宽都是100% 怎么能像你演示那样
  4. 彼岸
    按照教程弄了还是没法播放,一直提示播放失败
    • 陌小雨网站管理员
      @彼岸 有些视频格式不支持 如果是m3u8的话 需要下载一个m3u8的播放文件
  5. 明日村长
    ckplayer version:X 的代码是什么样的,我改不来……
  6. 云界使者
    我试了以上代码不可以调用播放器呀
  7. 明日村长
    我添加了代码后台也有代码,但是前台看文章就是没反应的,代码也替换了
    • 陌小雨网站管理员
      @明日村长 视频地址改为正确的视频地址哦,还有文章中需要注意的仔细看清楚
    • 陌小雨网站管理员
      @明日村长 网址发来
      • 明日村长
        @陌小雨 我用6.8的调用成功了,但是视频播放不了 这是为什么m3u8格式的
  8. 趣乐多
    在吗?为什么我添加了您的代码,但是在WordPress 写文章里 找不到相关的按钮啊
  9. 甲网
    默认吞链接啊!!!! htt删掉p://ty.13560.n删掉et/archives/10837.htm删掉l
    • 陌小雨网站管理员
      @甲网 你网站太慢了 打都打不开 你可以试下其他的格式文件先
  10. 甲网
    而且你的站点在我刚才评论提交后,整体右移了,字体也丢了,不知道是我的电脑原因还是你这个站点的原因
  11. 甲网
    网址在头像里,.评论区不能贴出来
  12. 甲网
    忘了告诉了,视频格式是m3u8格式,你帮我看下吧,我觉得手机能播放可能因为移动设备支持m3u8格式吧
  13. 甲网
    还更新吗?我用了 只有移动设备能播放,PC的播放不了,是什么问题,PC直接显示加载失败,ck6.8版本的,X版本的用不了
  14. dodd001
    请问ck里面有个i:"[图像地址]"这样的参数,我如果表达,要用什么变量表示呢
    • 陌小雨网站管理员
      @dodd001 这个参数是默认图片的意思吧,可以设置成你的文章缩略图哦
      • dodd001
        @陌小雨 你好,感谢你的回复,你那个.$=content.表示两个短标签中的内容,我配加个图片,怎么表达,另外你页面疯抢优惠券很不错,怎么弄的,
  15. X隐者网赚博客
    有什么办法可以引用B站视频吗,我用它的代码一直显示播放器错误,合集的 :mrgreen:
  16. ysxiong
    为什么本地可以播放,到网上播放不了

登录

忘记密码 ?

切换登录

注册