主题: kindeditor加入ckplayer视频播放器的插件使用讲解
2016-08-30 22:06
260 查看
需求:
发布文章中插入视频,显示时调用ckplayer网页播放器来播放,好处是可以在播放器中来放置自己的广告。本人发布文章用的kindeditor富文本编辑器,所以需要为kingeditor写一个插入ckplaer播放器功能的插件。
实现思路:
先完成插入视频,(引入绝对url地址,或者本地上次视频文件)获取此视频的地址,再加上用户设置的播放器的宽度、高度、是否自动播放等信息,组合成调用ckplayer的代码,放入编辑器中,提交发布文章时,这些代码插入到数据库中,在显示文章时,读取数据库中的这些调用代码即可用ckplayer来播放视频。
使用方法:
把解压出来的 kindeditor 文件夹,放置到网站的根目录中;注意,为了实现视频显示页面位置不受限制同时不用改变视频调用代码,本插件文件引用均以相对跟目录的绝对路径,如果不放在根目录,对应路径需要全部修改,否则不能正常显示;建议不要改动;
在发布文集页面调用已加入视频播放器插件的kindeditor,调用方法参照http://www.kindsoft.net/docs/usage.html 中的说明。如果自定义配置了辑器的工具栏的情况下,请务必在 items 加入 'insertfile',位置无要求;
如:
对于通过插件工具栏按钮插入生成的代码不要改动,均有其作用的;
在显示文集页面调用视频播放器ckplayer;
完成以上步骤即可,使用本插件。
如有疑问或建议,可以加入交友群提问 28861454。验证时注明 “梨花寨”; 如果大家对此插件感兴趣且有大多不能顺利使用,本人可以抽些时间做个视频教程来解释下。
发布文章中插入视频,显示时调用ckplayer网页播放器来播放,好处是可以在播放器中来放置自己的广告。本人发布文章用的kindeditor富文本编辑器,所以需要为kingeditor写一个插入ckplaer播放器功能的插件。
实现思路:
先完成插入视频,(引入绝对url地址,或者本地上次视频文件)获取此视频的地址,再加上用户设置的播放器的宽度、高度、是否自动播放等信息,组合成调用ckplayer的代码,放入编辑器中,提交发布文章时,这些代码插入到数据库中,在显示文章时,读取数据库中的这些调用代码即可用ckplayer来播放视频。
使用方法:
把解压出来的 kindeditor 文件夹,放置到网站的根目录中;注意,为了实现视频显示页面位置不受限制同时不用改变视频调用代码,本插件文件引用均以相对跟目录的绝对路径,如果不放在根目录,对应路径需要全部修改,否则不能正常显示;建议不要改动;
在发布文集页面调用已加入视频播放器插件的kindeditor,调用方法参照http://www.kindsoft.net/docs/usage.html 中的说明。如果自定义配置了辑器的工具栏的情况下,请务必在 items 加入 'insertfile',位置无要求;
如:
在显示文集页面调用视频播放器ckplayer;
如有疑问或建议,可以加入交友群提问 28861454。验证时注明 “梨花寨”; 如果大家对此插件感兴趣且有大多不能顺利使用,本人可以抽些时间做个视频教程来解释下。
相关文章推荐
- 详细讲解jquery带进度上传插件Uploadify(ASP.NET版本)使用
- jQuery boxy弹出层插件中文演示及使用讲解
- (转)ASP.NET版本的Kindeditor插件的使用(同步)
- ASP.NET版本的Kindeditor插件的使用
- (六)Jquery Mobile主题及插件的使用
- Wordpress的主题与插件的使用
- KindEditor插件的使用
- Jquery使用Firefox FireBug插件调试Ajax步骤讲解
- Jquery使用Firefox FireBug插件调试Ajax步骤讲解
- 给phpcms v9加入一个主题radio无线电button,它可反复使用,以创建不同的专题部分内容编辑器,添加一个主题来定义自己的领域
- 详细讲解jquery带进度上传插件Uploadify(ASP.NET版本)使用
- 为已有的web project项目加入maven支持,并使用myeclipse的插件.
- ASP.NET版本的Kindeditor插件的使用(同步)
- struts2.3.1 使用codebehind插件实现零配置时struts.xml中必须加入一个<constant name="struts.enable.DynamicMethodInvocati
- 主题插件WordPress淘宝客ZZDGM主题Upanel插件使用补充
- jQuery boxy弹出层插件中文演示及使用讲解
- Eclipse使用配色方案 Eclipse颜色主题插件:Eclipse Color Theme
- 为已有的web project项目加入maven支持,并使用myeclipse的插件.
- vim加入taglist插件使用方法
- Eclipse中使用kindeditor插件