原因分析:
1:因?yàn)閗indeditor對(duì)html5代碼還不支持,kindeditor雖然是主流的在線編輯器之一,但是已經(jīng)好多年沒(méi)有升級(jí)更新了;
2:而且默認(rèn)的kindeditor還有過(guò)濾代碼的功能,所以沒(méi)辦法,只能修改下kindeditor;
解決辦法:
1:首先把在線編輯器點(diǎn)擊最左上角的“HTML代碼”按鈕切換到代碼模式,然后把kindeditor添加的視頻默認(rèn)代碼修改為如下代碼:
2:修改kindeditor.js默認(rèn)代碼,添加白名單規(guī)則,避免代碼被過(guò)濾導(dǎo)致無(wú)效;
添加方法就是在kindeditor.js大約275行
htmlTags : {
下面添加
video : ['src', 'type', 'width','height','autostart','loop'],
這樣修改的video代碼就不會(huì)被過(guò)濾掉了。
添加好的代碼為: