加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-15 17:50:15 所属栏目:百科 来源:网络整理
导读:kindeditor本身支持上传flash功能,但是我们经常需要上传一些flv、mp4或则其它格式的视频。 其实具体的播放功能是通过jwplayer实现的。我只对kindeditor简单的修改了一下。需要修改的文件有两处。 打开kindeditorkindeditor.js文件 将以下函数语句修改 [jav

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

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

打开kindeditorkindeditor.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. }??

打开kindeditorpluginsflashflash.js文件

将一下内容:

[javascript] view plain copy print ?
  1. var?html?=?K.mediaImg(self.themesPath?+?'common/blank.gif',?{??
  2. ????????????????????????????????src?:?url,??
  3. ????????????????????????????????type?:?K.mediaType('.swf'),??
  4. ????????????????????????????????width?:?width,??
  5. ????????????????????????????????height?:?height,??
  6. ????????????????????????????????quality?:?'high'??
  7. ????????????????????????????});??

修改为:
[javascript] view plain copy print ?
  1. var?html?=?K.mediaImg(self.themesPath?+?'common/blank.gif',?{??
  2. ????????????????????????????????flashvars?:?'file='?+?url,??
  3. ????????????????????????????????src?:?'plugins/jwplayer/player.swf',??
  4. ????????????????????????????????type?:?K.mediaType('.swf'),??
  5. ????????????????????????????????width?:?width,??
  6. ????????????????????????????????height?:?height,??
  7. ????????????????????????????????quality?:?'high'??
  8. ????????????????????????????});??

再将大约140行左右的:

urlBox.val(attrs.src);

修改为:

urlBox.val(attrs.flashvars);


然后在需要显示视频的页面放入以下代码:

head放入:<script type="text/javascript" src="plugins/jwplayer/jwplayer.js"></script>

在输入视频代码后加上:

[javascript] view plain copy print ?
  1. <script?type='text/javascript'>??
  2. //非视频,不加载播放器??
  3. if(document.getElementById('player')!=null)??
  4. {??
  5. ?jwplayer('player').onReady(function()?{});??
  6. ?jwplayer('player').onPlay(function()?{});??
  7. ?//jwplayer('player').play();?//自动播放???
  8. ?}??
  9. </script>??
  10. ??
  11. OK。??


附件下载地址:http://download.csdn.net/detail/zhjx922/4329134

(编辑:李大同)

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

    推荐文章
      热点阅读