微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

为kindeditor添加在线播放视频功能(基于原有flash上传,mp4,flv,flash)

kindeditor本身支持上传flash功能,但是我们经常需要上传一些flv、mp4或则其它格式的视频。

其实具体的播放功能是通过jwplayer实现的。我只对kindeditor简单的修改了一下。需要修改文件有两处。

打开kindeditor\kindeditor.js文件

将以下函数语句修改

[javascript]  view plain copy print ?
  1. //修改过的功能 by zhJx922  
  2. function _mediaEmbed(attrs) {  
  3.     var html = '<embed id="player" name="player" allowscriptaccess="always" allowfullscreen="true" ';  
  4.     _each(attrs, function(key, val) {  
  5.         html += key + '="' + val + '" ';  
  6.     });  
  7.     html += '/>';  
  8.     return html;  
  9. }  

打开kindeditor\plugins\flash\flash.js文件

将一下内容

var html = K.mediaimg(self.themesPath + 'common/blank.gif', {  
  •                                 src : url,  
  •                                 type : K.mediaType('.swf'),  
  •                                 width : width,226); color:inherit; line-height:18px">                                 height : height,85); line-height:18px">                                 quality : 'high'  
  •                             });  

  • 修改为:
                                    flashvars : 'file=' + url,226); color:inherit; line-height:18px">                                 src : 'plugins/jwplayer/player.swf',85); line-height:18px">                                 type : K.mediaType('.swf'),226); color:inherit; line-height:18px">                                 width : width,85); line-height:18px">                                 height : height,226); color:inherit; line-height:18px">                                 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。 
  • 版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

    相关推荐