在uedtor中直接添加視頻添加,會出現好多問題,我遇到主要是兩個,第一個,點擊視頻添加按鈕,將視頻地址粘貼到對應的輸入框中,會發現,pc端瀏覽器可以打開,手機端卻不行,估計是手機端的瀏覽器還不支持解析<embeded>標簽吧,后來經過幾番測試發現,添加<iframe>標簽可以解決這種兼容問題,下面簡單介紹一下添加<iframe>的兩種方法
1,不知道你們的ueditr是否有添加<iframe>的按鈕
反正我要准備添加的時候是沒有的,那么沒有該怎么辦呢?當然是手動添加唄,ueditor有一個好處就是可以隨意改動源代碼,於是乎,我改了,截圖就在下面
這個呢,是第一步,添加完之后,我本以為大功告成了,但是一經測試,發現不好使,原因在哪兒呢?遇事,dubug調試觀察了一下,發現,所有在udeitor中添加的內容,都會經過ueditor中的一個過濾器,因為iframe是新添加的,這個過濾器必然會把他過濾掉,所以看到的效果就是什么都沒添加上,具體做法如下
別急,還有最最關鍵的一步:
至此,這個添加iframe的按鈕就可以使用了.那么接下來的工作就是視頻添加的操做了,以騰訊視頻為例
第一步:
找到視頻的通用代碼
第二步:
將通用代碼中的src屬性取出來,切記,一定是src的值哦!!!
第三步:
打來咱們自己的ueditor,點擊iframe按鈕
第四步:點擊確定,大功告成.但是.......如此繁瑣的工作是不是覺得很蛋疼呢?對於程序員還好說一點,但是作為普通的富文本編輯器用戶,他們連html是什么東東都不知道,操做過程中蒙圈是在所難免的,所以,作為天朝程序員的我,想到了一個一勞永逸的方法,就是直接點解視頻添加按鈕,然后在解析成html時,不在解析成<embeded>標簽,而是我們熟悉的<iframe>標簽,額.......那么問題來了,該如何添加呢?請看下篇文章,看完之后,記得留下你們寶貴的意見哦.共同學習,共同進步.