您的位置:首页 > 其它

为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。 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐