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

发布时间：2020-12-15 20:00:49 所属栏目：百科来源：网络整理

导读：kindeditor本身支持上传flash功能，但是我们经常需要上传一些flv、mp4或则其它格式的视频。其实具体的播放功能是通过jwplayer实现的。我只对kindeditor简单的修改了一下。需要修改的文件有两处。打开kindeditorkindeditor.js文件将以下函数语句修改 [jav

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

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

打开kindeditorkindeditor.js文件

将以下函数语句修改

 
   [javascript]? 
   view plain 
   copy 
   print 
   ? 
  
 //修改过的功能?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;??
 }??

打开kindeditorpluginsflashflash.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。?  

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!