kindeditor本身支持上傳flash功能,但是我們經常需要上傳一些flv、mp4或則其它格式的視頻。
其實具體的播放功能是通過jwplayer實現的。我只對kindeditor簡單的修改了一下。需要修改的文件有兩處。
打開kindeditor\kindeditor.js文件
將以下函數語句修改
//修改過的功能 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文件
將一下內容:
var html = K.mediaImg(self.themesPath + 'common/blank.gif', {
src : url,
type : K.mediaType('.swf'),
width : width,
height : height,
quality : 'high'
});
修改爲:
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>
在輸入視頻代碼後加上:
<script type='text/javascript'>
//非視頻,不加載播放器
if(document.getElementById('player')!=null)
{
jwplayer('player').onReady(function() {});
jwplayer('player').onPlay(function() {});
//jwplayer('player').play(); //自動播放?
}
</script>
OK。
附件下載地址:http://download.csdn.net/detail/zhjx922/4329134
歡迎關注我的公衆號