上傳視頻是單獨做了htm5的video調(diào)用,所以在電腦及移動設(shè)備上訪問沒問題,但是很多地方比如題目,題目解析等都在kindeditor編輯器里面添加的,因為肯定要添加圖文,但是添加視頻的話,因為kindeditor對html5還不怎么支持,而且還過濾kindeditor的代碼,所以沒辦法,只能修改下kindeditor了。
有兩個思路,一個是給kindeditor添加支持mp4格式的html5代碼,這個方法網(wǎng)上也有教程,但是我看了實在是太麻煩了,網(wǎng)上也有修改好的,但是下載了需要配置,也太麻煩,所以我采取了最簡單的方法。直接修改編輯器代碼。
kindeditor添加的視頻默認代碼是:
<embed src="視頻文件.mp4" type="video/x-ms-asf-plugin" width="550" height="400" autostart="false" loop="true" />
其實,經(jīng)過我的測試 只要修改視頻代碼最前面的embed 為video就可以了。在電腦及移動設(shè)備上都完美測試。
但是有個問題就是kindeditor會過濾掉video代碼,只要修改了源代碼之后,一切換到編輯模式,肯定就把video都過濾掉了,所以要關(guān)閉過濾,其實,按照網(wǎng)上的說法,修改kindeditor.js里面的filterMode :true 為false是不管用的,只能是添加白名單規(guī)則。
添加方法就是在kindeditor.js大約275行
htmlTags : {
下面添加
video : ['src', 'type', 'width','height','autostart','loop'],
這樣修改的video代碼就不會被過濾掉了。
添加好的樣式為:
kindeditor插入mp4視頻不顯示及不過濾video的方法
這樣是最簡單的方法了。而且改動也小。
版權(quán)聲明: 本站資源均來自互聯(lián)網(wǎng)或會員發(fā)布,如果侵犯了您的權(quán)益請與我們聯(lián)系,我們將在24小時內(nèi)刪除!謝謝!
轉(zhuǎn)載請注明: 織夢kindeditor編輯器插入mp4視頻不顯示及不過濾video的方法