主题: kindeditor支持flv视频简单方法
作者: 万枯无颜, 发布日期: 2013-05-18 11:16:17, 浏览数: 21507

首先,打开plugins\media下面的media.js,打开,找到下面的代码:

var html = K.mediaImg(self.themesPath + 'common/blank.gif', {
								src : url,
								type : K.mediaType(url),
								width : width,
								height : height,
								autostart : autostartBox[0].checked ? 'true' : 'false',
								loop : 'true'
							});

修改为:

 

						if (url.slice(-4).toUpperCase() == '.FLV')
						{
						var html = K.mediaImg(self.themesPath + 'common/blank.gif', {
								src : '../KindEditor/files/flvplayer.swf',
								type : K.mediaType(url),
								flashvars : 'file='+ url +'&autostart='+ (autostartBox[0].checked ? 'true' : 'false') +'',
								width : width,
								height : height,
								quality : 'high',
								allowfullscreen : 'true',
								loop : 'true'
							});
						}else{
						var html = K.mediaImg(self.themesPath + 'common/blank.gif', {
								src : url,
								type : K.mediaType(url),
								width : width,
								height : height,
								autostart : autostartBox[0].checked ? 'true' : 'false',
								loop : 'true'
							});
						}

然后在KindEditor下面建一个files文件夹,把flvplayer.swf拷贝进去,就OK

 

注意,要设置编辑器为 filterMode : false

作者: Stanley, 发布日期: 2013-05-18 13:47:27
你没有改变外面的标签啊,我要把视频<embed/>改成<object>的标签啊
回复
作者: Stanley, 发布日期: 2013-05-18 13:48:59
我这个是加入别的播放器,所以标签也要换下啊
回复
作者: 万枯无颜, 发布日期: 2013-05-18 15:01:30
如果是加入其他的播放器,我建议不要更改太多的代码,直接增加一个按钮就OK,我看前面很多有人增加按钮的方法的!
回复
作者: Stanley, 发布日期: 2013-05-18 17:12:12
怎么弄啊,我下载比较麻烦,在提交到后台,查找<embed>标签替换掉,换成<object>的视频播放器,在插入数据库,可是,这样,一篇文章,只能添加一个视频,多了,我字符串查找不明白了,太难了,只能插入一个,用正则匹配替换掉了,
回复
作者: jingcao, 发布日期: 2013-06-20 12:46:15
按照你的方法修改了,但是只能看到播放器不能播放视频,能否发风详细的一些信息,多谢了。
回复
作者: 万枯无颜, 发布日期: 2013-06-23 22:26:36

回复jingcao:

 

忘记说明一点,要把过滤代码关闭!

回复
作者: jingcao, 发布日期: 2013-06-23 22:56:24

是不是这个,filterMode : false

我设置了呀,打开后指示播放器在那里狂lloading

就是没有数据加载进去,察看了源码,路径也对,就是不能显示。

播放器也换了几个,都不行。

回复
作者: 万枯无颜, 发布日期: 2013-06-29 11:41:03

回复jingcao:

 

哈哈……我知道你的问题在哪里了,我也碰到这样的问题。

是你的服务器不支持FLV格式,也就是解析不对,需要这么修改,打开IIS,找到MIME类型,添加.FLV,MIME类型为:video/x-flv 问题就解决了。

回复
作者: 王伟波, 发布日期: 2013-06-29 14:01:04

要是你用的是服务器就添加支持 类型。


如果是虚拟主机的话, 把你的flv名字命名个文件夹,把flv文件放进去,重命名为index.html。


如,你的flv文件为1.flv,就在1.flv同目录文件夹里新建个文件夹叫1.flv,将1.flv放进去,重命名为 index.html。


你直接新建文件夹重命名是不行的,因为重名了,建议 复制到本地操作,1.flv不需要保留。保留1.flv文件夹即可

回复
作者: jingcao, 发布日期: 2013-07-02 17:16:41
成功了,原来是播放器的路径设置的不对,(复制出生成的html代码,看了一下路径,发现播放器的路径不对,随后修改了js中的播放器路径,不过这是我换了台电脑弄的,我的原来的那台电脑可能有点问题),现在成功了,把结果页分享给大家,同时也多谢楼主了。
回复
作者: jingcao, 发布日期: 2013-07-06 17:08:35

多谢作者提供这种处理flv播放的方法,本人在这里分享一个利用正则表达式过滤flv文件的方法,方便使用此方法后删除视频:

本人用的是php所以这里主要是php的处理方法,不过用其它程序应该是一直的:

正则表达式的函数为:

function get_embed_flv($str){
$gl4='/<embed\b\s*src=\"(\/?|.*?)\"\s*type=\"(\/?|.*?)"\s*flashvars=\"file=(\/?|.*?|)\&/';
preg_match_all($gl4,$str,$arr2);
return $arr2[3];
}

$str为需要过滤的内容,为嵌套了视频的文章内容

此函数返回的是数组,可以利用循环语句处理

$arr2= get_embed_flv($str);

foreach($srr2 as $k=>$v){

    echo $v; ///循环输出flv文件路径,这里的处理程序自己更具需要自己写了。

}


同时又一个问题未解决:

后台上传视频的时候那个播放器路径的设置问题,因为前后台上传的路径不一致,导致后台不能预览,请楼主以及各路高手帮忙解决,并及时分享。

回复
作者: 万枯无颜, 发布日期: 2013-07-08 10:10:52

回复jingcao:

 

很简单,前端读取数据的时候,替换一下路径就OK,或者采用绝对路径!

回复
作者: huanfion, 发布日期: 2013-08-31 10:06:04
回复Stanley:你换成<object>标签成功了没?现在我也要换,但是具体不知道怎么操作。能分享下经验吗
回复
作者: fy771, 发布日期: 2014-02-26 16:15:45

按照你的设置了 输出编辑器的内容怎么flv还是空白一片啊


回复
作者: mozen, 发布日期: 2014-07-29 11:32:09

什么空白、不能预览啦,问一下,后台需要预览吗?视频没见过?已经提示上传成功了还那么多要求。

关于 object 这个标签完全可以不要

路径的问题,把 flvplayer.swf 放到 /data/flvplayer/flvplayer.swf,谁让你们非往后台放?!

回复
作者: jiashen, 发布日期: 2014-12-16 17:16:34

<embed src="${contextPath}/kindeditor/files/flvplayer.swf" type="application/x-shockwave-flash" flashvars="file=http://localhost:8080/jforum/images/posts/20141216/1418719877925.flv&autostart=false" width="550" height="400" quality="high" allowfullscreen="true" loop="true" />




出现这个为啥????

没有显示视频

回复
发表新帖 发表回复