vue.js中Ueditor如何引入第三方网站视频中添加Loading

编辑器插入的第三方视频:

第三方引入的视频在没加载前要如下图所示的效果

在 all.js文件中 找到视频插入模板 creatInsertStr:方法

加上前置 new_video 容器为了放入loading.

最后再 显示的页面 插入 loading 就可以了

我这是在vue 中的 就在加载后html:

           this.$nextTick(function () {
                        var $iFrame = $('embed');
                        $("<div class=\"loading_new ivu-spin ivu-spin-default ivu-spin-fix ivu-spin-show-text\"><div class=\"ivu-spin-main\"><span class=\"ivu-spin-dot\"></span> <div class=\"ivu-spin-text\"><i class=\"demo-spin-icon-load ivu-icon ivu-icon-ios-loading\" style=\"font-size: 18px;\"></i> <div>Loading...</div></div></div></div>").prependTo($('.new_video'));
                        $($iFrame).load(function(){
                            $('.loading_new').remove()
                            console.log("加载完毕");
                        });
                    })

 就可以了