kindeditor本身支持上传flash功能,但是我们经常需要上传一些flv、mp4或则其它格式的视频。
其实具体的播放功能是通过jwplayer实现的。我只对kindeditor简单的修改了一下。需要修改的文件有两处。
打开kindeditor\kindeditor.js文件
将以下函数语句修改
- //修改过的功能 by zhjx922
- function _mediaEmbed(attrs) {
- var html = '<embed id="player" name="player" allowscriptaccess="always" allowfullscreen="true" ';
- _each(attrs, function(key, val) {
- html += key + '="' + val + '" ';
- });
- html += '/>';
- return html;
- }
打开kindeditor\plugins\flash\flash.js文件
将一下内容:
- var html = K.mediaImg(self.themesPath + 'common/blank.gif', {
- src : url,
- type : K.mediaType('.swf'),
- width : width,
- height : height,
- quality : 'high'
- });
修改为:
- var html = K.mediaImg(self.themesPath + 'common/blank.gif', {
- flashvars : 'file=' + url,
- src : 'plugins/jwplayer/player.swf',
- type : K.mediaType('.swf'),
- width : width,
- height : height,
- quality : 'high'
- });
再将大约140行左右的:
urlBox.val(attrs.src);
修改为:
urlBox.val(attrs.flashvars);
然后在需要显示视频的页面放入以下代码:
head放入:<script type="text/javascript" src="plugins/jwplayer/jwplayer.js"></script>
在输入视频代码后加上:
- <script type='text/javascript'>
- //非视频,不加载播放器
- if(document.getElementById('player')!=null)
- {
- jwplayer('player').onReady(function() {});
- jwplayer('player').onPlay(function() {});
- //jwplayer('player').play(); //自动播放?
- }
- </script>
- OK。
附件下载地址:http://download.csdn.net/detail/zhjx922/4329134
相关推荐
提供jwplayer.js源码,为kindeditor添加在线播放视频功能(基于原有flash上传,mp4,flv,flash)
kindeditor自定义添加网络视频插件-,修改批量图片上传方式flash为h5上传kindeditor自定义添加网络视频插件-,修改批量图片上传方式flash为h5上传
kindeditor在线文本编辑器中没有实现在线上传flash功能,文件中添加了这一功能,供大家使用。附readme文档
kindeditor-4.1.10增加flv视频上传功能,一开始改了后前台无法直接播放,视频播放器路径老是不对,后经过修改后台上传后前台直接播放,即使你网站放在虚拟目录,只要稍微改一处上传的地方就可以。编辑器文件夹名称...
最近在做几个项目都用到编辑器,我以前用eWebEditor,按照网上的方法也增加了FLV上传播放的功能。 这次想换个编辑器,看上了kindeditor。 使用过程中,发现上传FLV文件后不能自动播放,百度了几个修改的攻略,最后在...
优化kindeditor,修改flash批量上传图片方式为H5上传,添加第三方视频代码功能,添加手机尺寸预览,粘贴时自动上传网络图片,粘贴时自动上传截图,地图宽度可设置百分比显示...
Kindeditor(版本号4.0.5)编辑器添加上传flv视频功能
之前从该站下载的kindeditor 4.1.7版本的flv播放功能, 后经比对修改处理了该版本的asp和php版
优化kindeditor,修改flash批量上传图片方式为H5上传,添加第三方视频代码功能,添加手机尺寸预览,粘贴时自动上传网络图片,粘贴时自动上传截图,地图宽度可设置百分比显示...
kindeditor富文本,多图上传,去除flash插件,解决无法展示选择图片按钮问题,以及添加上传后结果展示。
之前下载过一位兄弟的代码,发现有自动播放不能实现的错误,我就修正了一下,也修正了一下文件路径代码,这个版本可以上传flv文件,插入到网页内可以自动播放。
kindeditor主要用于让用户在网站上获得所见即所得编辑效果
kindeditor--4.1.12 解决flash批量上传图片按钮不显示与支持video视频
kindeditor+java图片视频上传已经全部实现,整理了好长时间,终于弄好了,视频上传参考media.js,只测试了swf和flv格式的视频上传
kindeditor-4.1.7增加flv播放编码,可自动播放!asp文件已改,其他的语言请自行参考。
JSP版的完善KindEditor在线编辑器(带附件上传与图片按日期分类管理功能) 1.集合了日期、时间、在线预览和特殊字符插件,采用3.0皮肤; 2.将图片上传与管理的JSP页面改写成SERVLET,同时去除JSON包; 3.添加图片压缩...
最新版kindeditor 加flv视频播放,在网上下载了N多,最后还是自己修改好了,其它的都是骗人,我这个是测试通过的,大家可以放心下载使用啦
kindeditor-4.1.4本身上传的flv视频是在前台无法播放的,因此对该编辑器我做了一些改进,让通过该编辑器上传的flv视频能够顺利在前台播放。支持asp,asp.net,jsp,php语言
自从flash不再维护和更新,kindeditor又是flash模式上传的,所以上传组件功能完全失效,本次案例是解决不支持flash问题,PHP亲测有效,下载直接正常调用即可进行多图上传。