在uedtor中直接添加视频添加,会出现好多问题,我遇到主要是两个,第一个,点击视频添加按钮,将视频地址粘贴到对应的输入框中,会发现,pc端浏览器可以打开,手机端却不行,估计是手机端的浏览器还不支持解析<embeded>标签吧,后来经过几番测试发现,添加<iframe>标签可以解决这种兼容问题,下面简单介绍一下添加<iframe>的两种方法
1,不知道你们的ueditr是否有添加<iframe>的按钮
反正我要准备添加的时候是没有的,那么没有该怎么办呢?当然是手动添加呗,ueditor有一个好处就是可以随意改动源代码,于是乎,我改了,截图就在下面
这个呢,是第一步,添加完之后,我本以为大功告成了,但是一经测试,发现不好使,原因在哪儿呢?遇事,dubug调试观察了一下,发现,所有在udeitor中添加的内容,都会经过ueditor中的一个过滤器,因为iframe是新添加的,这个过滤器必然会把他过滤掉,所以看到的效果就是什么都没添加上,具体做法如下
别急,还有最最关键的一步:
至此,这个添加iframe的按钮就可以使用了.那么接下来的工作就是视频添加的操做了,以腾讯视频为例
第一步:
找到视频的通用代码
第二步:
将通用代码中的src属性取出来,切记,一定是src的值哦!!!
第三步:
打来咱们自己的ueditor,点击iframe按钮
第四步:点击确定,大功告成.但是.......如此繁琐的工作是不是觉得很蛋疼呢?对于程序员还好说一点,但是作为普通的富文本编辑器用户,他们连html是什么东东都不知道,操做过程中蒙圈是在所难免的,所以,作为天朝程序员的我,想到了一个一劳永逸的方法,就是直接点解视频添加按钮,然后在解析成html时,不在解析成<embeded>标签,而是我们熟悉的<iframe>标签,额.......那么问题来了,该如何添加呢?请看下篇文章,看完之后,记得留下你们宝贵的意见哦.共同学习,共同进步.