KindEditor自帶的視頻播放器并不怎么好用,至少我這樣感覺(jué),不知道其他人怎樣,所以此文我們就說(shuō)下怎樣為KindEditor 集成
JW FLV Media Player(flv、mp4)播放器。
我們先看下JW FLV Media Player的介紹:
JW FLV Media Player 是一個(gè)強大的網(wǎng)頁(yè)播放器,可以讓你實(shí)現插入視頻和音頻到你的網(wǎng)站上面進(jìn)行播放,
主要功能包括:
1)支持播放任何Adobe Flash Player可以處理的媒體格式(包括FLV, MP3, H264, SWF, JPG, PNG 和GIF)。
2)支持RTMP和HTTP流, RSS, XSPF和SX 播放列表 。
3)擁有一個(gè) JavaScript API(zsh)。
怎樣?感覺(jué)還不錯吧?那我們就具體說(shuō)說(shuō)怎樣給KindEditor 集成JW FLV Media Player(flv、mp4)播放器吧。
打開(kāi)KindEditor/plugins/media.js 文件,找到大約73行:
/*var html = K.mediaImg(self.themesPath + 'common/blank.gif', {//這是本來(lái)的值 src : url, type : K.mediaType(url), width : width, height : height, autostart : autostartBox[0].checked ? 'true' : 'false', loop : 'true' });*/var myindex=parseInt(Math.random()*100+1)var html='<script type="text/javascript" src="/Public/ext/swfobject.js"></script>' //替換為的值 +'<p id="player'+myindex+'"><a +'Get the Flash Player</a> to see this player.</p>' +'<script type="text/javascript">' +'var s'+myindex+' = new SWFObject("/Public/ext/flvplayer.swf","single","'+width+'","'+height+'","7");' +'s'+myindex+'.addParam("allowfullscreen","true");' +'s'+myindex+'.addVariable("file","'+url+'");' +'s'+myindex+'.addVariable("width","'+width+'");' +'s'+myindex+'.addVariable("height","'+height+'");' //+'s'+myindex+'.addVariable("logo","/Public/Images/logo.png");'//視頻水印logo圖片 +'s'+myindex+'.write("player'+myindex+'");' +'</script>'; self.insertHtml(html).hideDialog().focus();把本來(lái)的html的值替換為下面的就行了,示例圖如下:
然后我的JW FLV Media Player 是放在ext文件夾中的,如果路徑變了 你可以自己改
有些同學(xué)不愿自己改,我已經(jīng)集成好了,最新版的KindEditor 4.1 編輯器,你直接下載用就好了,服務(wù)端還是要自己處理。
聯(lián)系客服