上傳視頻是單獨做了htm5的video調用，所以在電腦及移動設備上訪問沒問題，但是很多地方比如題目，題目解析等都在kindeditor編輯器里面添加的，因為肯定要添加圖文，但是添加視頻的話，因為kindeditor對html5還不怎么支持，而且還過濾kindeditor的代碼，所以沒辦法，只能修改下kindeditor了。

有兩個思路，一個是給kindeditor添加支持mp4格式的html5代碼，這個方法網上也有教程，但是我看了實在是太麻煩了，網上也有修改好的，但是下載了需要配置，也太麻煩，所以我采取了最簡單的方法。直接修改編輯器代碼。

 

kindeditor添加的視頻默認代碼是：

<embed src="視頻文件.mp4" type="video/x-ms-asf-plugin" width="550" height="400" autostart="false" loop="true" />

其實，經過我的測試 只要修改視頻代碼最前面的embed 為video就可以了。在電腦及移動設備上都完美測試。

但是有個問題就是kindeditor會過濾掉video代碼，只要修改了源代碼之后，一切換到編輯模式，肯定就把video都過濾掉了，所以要關閉過濾，其實，按照網上的說法，修改kindeditor.js里面的filterMode :true 為false是不管用的，只能是添加白名單規則。

添加方法就是在kindeditor.js大約275行

htmlTags : {

下面添加

 video : ['src', 'type', 'width','height','autostart','loop'],

這樣修改的video代碼就不會被過濾掉了。

添加好的樣式為：

kindeditor插入mp4視頻不顯示及不過濾video的方法

這樣是最簡單的方法了。而且改動也小。