主题: kindeditor加入ckplayer视频播放器的插件使用讲解

转载 2016年08月30日 22:06:04

需求:

      发布文章中插入视频,显示时调用ckplayer网页播放器来播放,好处是可以在播放器中来放置自己的广告。本人发布文章用的kindeditor富文本编辑器,所以需要为kingeditor写一个插入ckplaer播放器功能的插件。


 实现思路:

        先完成插入视频,(引入绝对url地址,或者本地上次视频文件)获取此视频的地址,再加上用户设置的播放器的宽度、高度、是否自动播放等信息,组合成调用ckplayer的代码,放入编辑器中,提交发布文章时,这些代码插入到数据库中,在显示文章时,读取数据库中的这些调用代码即可用ckplayer来播放视频。


使用方法:

  • 把解压出来的 kindeditor 文件夹,放置到网站的根目录中;注意,为了实现视频显示页面位置不受限制同时不用改变视频调用代码,本插件文件引用均以相对跟目录的绝对路径,如果不放在根目录,对应路径需要全部修改,否则不能正常显示;建议不要改动;

  • 在发布文集页面调用已加入视频播放器插件的kindeditor,调用方法参照http://www.kindsoft.net/docs/usage.html 中的说明。如果自定义配置了辑器的工具栏的情况下,请务必在 items 加入 'insertfile',位置无要求;

如:

1
2
3
4
5
6
7
8
9
10
items : [
'source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste',
'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/',
'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image', 'multiimage',
'flash', 'media','insertVideo', 'insertfile', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak',
'anchor', 'link', 'unlink', '|', 'about'
],
  • 对于通过插件工具栏按钮插入生成的代码不要改动,均有其作用的;

  • 在显示文集页面调用视频播放器ckplayer;

1
<script charset="utf-8" src="/kindeditor/plugins/insertVideo/ckplayer/ckplayer.js"></script>

完成以上步骤即可,使用本插件。

如有疑问或建议,可以加入交友群提问 28861454。验证时注明 “梨花寨”; 如果大家对此插件感兴趣且有大多不能顺利使用,本人可以抽些时间做个视频教程来解释下。

kindeditor 增加加flv上传视频插件JW player

kindeditor 增加加flv上传视频插件JW player 网上有利用原来的flash或media插件修改的方法,不过为了不影响原编辑器的使用或升级,还是采用新增一个flvplay...
  • slqgenius
  • slqgenius
  • 2016年12月31日 15:13
  • 512

网页视频播放插件ckplayer的使用-详细介绍

网页视频播放插件ckplayer的使用-详细介绍
  • rj532029887
  • rj532029887
  • 2014年11月04日 10:25
  • 8291

KindEditor完美集成ckplayer(项目中实践可用)

KindEditor为当前最新版本——v4.1.10,下载地址为:            https://github.com/kindsoft/kindeditor/releases/downlo...
  • lijiongxian
  • lijiongxian
  • 2015年01月27日 10:11
  • 2378

ckplayer-超酷网页视频播放器的使用

现在网上做视频播放的很多,我就用过ckplayer这一款,虽然不知道别的播放器怎么样,但ckplayer还是比较不错的。调用简单、说明清晰、可扩展性很强,我老喜欢了。 当然引用人家的东西一定得去...
  • binyao02123202
  • binyao02123202
  • 2014年11月06日 12:32
  • 23350

使用CkPlayer网页播放器实现视频播放

ckplayer6.8 body,td,th { font-size: 14px; line-height: 26px; } body { margin-left: 0px; margin-...
  • dong_18383219470
  • dong_18383219470
  • 2016年11月26日 21:41
  • 4304

比较好的网页视频播放器总结

最近尝试了几个网页视频播放器,主要有Video.js,Ckplayer,Jwplayer。这三款使用简单,提高大量的JavaScript函数API,容易操控。 Video JS是一个基于JavaScr...
  • Noreasth
  • Noreasth
  • 2013年12月26日 19:27
  • 3864

CKPlayer网页视频播放器

ckplayer官网 ckplayer官网在线配置功能系统 //以下为调用播放器的标准代码 var flashvars={ f:'http://movie.ks.js...
  • qq285679784
  • qq285679784
  • 2015年05月16日 10:52
  • 2189

让KindEditor支持视频、音频播放!

让KindEditor支持视频、音频播放!
  • lvqingyao520
  • lvqingyao520
  • 2016年12月08日 12:53
  • 5267

ckplayer插件播放m3u8视频

var flashvars = { f: 'ckplayer/m3u8.swf', //使用swf向播放器发送视频地址进行播放 a: 'video/m.m3u8', //m3u8文件 c:...
  • wlx1991
  • wlx1991
  • 2015年01月29日 11:59
  • 6273

ckplayer播放器设置默认封面时部分浏览器不能正常显示封面图片问题的处理

在使用ckplayer播放器时,页面加载后视频默认不自动播放,此时想要给视频设置一个默认的封面图片,否则视频会漆黑一片,如下图所示,影响页面的整体美观性, ckplayer也提供了响应的设置...
  • seven_coder
  • seven_coder
  • 2017年06月05日 15:49
  • 1425
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:主题: kindeditor加入ckplayer视频播放器的插件使用讲解
举报原因:
原因补充:

(最多只允许输入30个字)