Ckeditor配置上傳音頻視訊

這兩天公司的小系統有需求，就是在富文本編輯器（ckeditor）中配置能上傳視訊和音頻

看了很多人寫的部落格，視訊上傳都采用的是flash+flvplayer.swf傳回swf位址及視訊上傳位址來實作功能

但...但擱我手裡，就突然間不好使了，迫于無奈隻好換個方式----html5video

htmlvideo（視訊）是由html5audio（音頻插件）轉換而來

現在開始：

1.首先下載下傳需要的東西（html5video插件，及其依賴插件）

https://ckeditor.com/cke4/addon/html5video  （html5video插件）

下載下傳依賴插件

至此需要的東西都下載下傳好了，開始配置

2.配置

将下載下傳好的所有插件導入ckeditor下的plugins目錄下

導入後進行config.js配置

CKEDITOR.editorConfig = function( config ) {
	// Define changes to default configuration here. For example:
	// config.language = 'fr';
	// config.uiColor = '#AADC6E';
	config.removeDialogTabs = 'image:advanced;image:Link';//隐藏超連結與進階選項
        config.filebrowserImageUploadUrl = "/HmCode/Shop/upload";//上傳圖檔的位址
        config.filebrowserHtml5videoUploadUrl = "/HmCode/Shop/uploads";//上傳視訊的位址
        config.extraPlugins = 'html5video';
        config.image_previewText = ' '//設定圖檔預覽預設值為' '
};
           

啟動項目通路頁面就可以看到

但預設是沒有上傳的

PS：配置出來的上傳視訊樣式  一半為中文 一半為英文是因為html5video下的en.js與zh-ch.js不一緻，改成中文就行

修改html5video的配置檔案

配置完成後就出現上傳。

關于在背景上傳視訊是如何實作的，請百度自行搜素ckeditor配置上傳圖檔

注意：

配置音頻與配置視訊同理，但由于視訊插件是由音頻插件轉換而來，

是以它們無法同時存在。

第一次寫部落格，寫的不好，請指教，謝謝