为kindeditor添加在线播放视频功能(基于原有flash上传,mp4,flv,flash)
2016-08-30 21:10
435 查看
kindeditor本身支持上传flash功能,但是我们经常需要上传一些flv、mp4或则其它格式的视频。
其实具体的播放功能是通过jwplayer实现的。我只对kindeditor简单的修改了一下。需要修改的文件有两处。
打开kindeditor\kindeditor.js文件
将以下函数语句修改
[javascript] view
plaincopyprint?
//修改过的功能 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文件
将一下内容:
[javascript] view
plaincopyprint?
var html = K.mediaImg(self.themesPath + 'common/blank.gif', {
src : url,
type : K.mediaType('.swf'),
width : width,
height : height,
quality : 'high'
});
修改为:
[javascript] view
plaincopyprint?
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>
在输入视频代码后加上:
[javascript] view
plaincopyprint?
<script type='text/javascript'>
//非视频,不加载播放器
if(document.getElementById('player')!=null)
{
jwplayer('player').onReady(function() {});
jwplayer('player').onPlay(function() {});
//jwplayer('player').play(); //自动播放?
}
</script>
OK。
其实具体的播放功能是通过jwplayer实现的。我只对kindeditor简单的修改了一下。需要修改的文件有两处。
打开kindeditor\kindeditor.js文件
将以下函数语句修改
[javascript] view
plaincopyprint?
//修改过的功能 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文件
将一下内容:
[javascript] view
plaincopyprint?
var html = K.mediaImg(self.themesPath + 'common/blank.gif', {
src : url,
type : K.mediaType('.swf'),
width : width,
height : height,
quality : 'high'
});
修改为:
[javascript] view
plaincopyprint?
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>
在输入视频代码后加上:
[javascript] view
plaincopyprint?
<script type='text/javascript'>
//非视频,不加载播放器
if(document.getElementById('player')!=null)
{
jwplayer('player').onReady(function() {});
jwplayer('player').onPlay(function() {});
//jwplayer('player').play(); //自动播放?
}
</script>
OK。
相关文章推荐
- 为kindeditor添加在线播放视频功能(基于原有flash上传,mp4,flv,flash)
- 为kindeditor添加在线播放视频功能(基于原有flash上传,mp4,flv,flash)
- kindeditor本身支持上传flash功能,但是我们经常需要上传一些flv、mp4或则其它格式的视频。 其实具体的播放功能是通过jwplayer实现的。我只对kindeditor简单的修改了一下
- Kindeditor(版本号4.0.5)编辑器添加上传flv视频功能
- Kindeditor(版本号4.0.5)编辑器添加上传flv视频功能
- 给kindeditor编辑器添加FLV上传播放功能,其中使用flowplayer,适用于大部分版本
- 给kindeditor编辑器添加FLV上传播放功能,其中使用flowplayer,适用于大部分版本
- 基于js与flash实现的网站flv视频播放插件代码
- [转]为Kindeditor控件添加图片自动上传功能
- Struts2使用Kindeditor4.0.3在线编辑器--上传图片、视频、FLASH、附件
- 基于js与flash实现的网站flv视频播放插件代码
- 为Kindeditor控件添加图片自动上传功能
- NGINX 添加MP4、FLV视频支持模块
- Struts2使用Kindeditor4.0.3在线编辑器--上传图片、视频、FLASH、附件
- 在含有Struts2框架的应用中添加KindEditor上传图片功能
- Kindeditor编辑器添加图片上传水印功能(php代码)
- 继承与合成基本概念 继承:可以基于已经存在的类构造一个新类。继承已经存在的类就可以复用这些类的方法和域。在此基础上,可以添加新的方法和域,从而扩充了类的功能。 合成:在新类里创建原有的对象称为合成。
- ASP中配置Kindeditor上传图片选择添加水印功能
- Struts2使用Kindeditor4.0.3在线编辑器--上传图片、视频、FLASH、附件
- 基于Java web技术文件上传和下载功能开发实战练习视频(fileupload)