Ueditor插入视频问题

1、插入视频的时候,显示 “输入的视频地址有误,请检查后再试!”

需要改动两个地方:

ueditor.all.js:

me.commands["insertvideo"] = {
        execCommand: function (cmd, videoObjs, type){

            videoObjs = utils.isArray(videoObjs)?videoObjs:[videoObjs];
            var html = [],id = ‘tmpVedio‘, cl;
            for(var i=0,vi,len = videoObjs.length;i<len;i++){
                vi = videoObjs[i];
                // cl = (type == ‘upload‘ ? ‘edui-upload-video video-js vjs-default-skin‘:‘edui-faked-video‘);
                // html.push(creatInsertStr( vi.url, vi.width || 420,  vi.height || 280, id + i, null, cl, ‘image‘));
                //此处将 edui-faked-video 改为 edui-faked,防止后面将此处替换为image标签
                cl = (type == ‘upload‘ ? ‘edui-upload-video video-js vjs-default-skin‘:‘edui-faked-video‘);
// 此处将image改为embed实现实时预览视频,且修复了第一次插入视频保存后,刷新后再保存会导致视频丢失的bug
                html.push(creatInsertStr( vi.url, vi.width || 420, vi.height || 280, id + i, null, cl, ‘video‘));
            }
            me.execCommand("inserthtml",html.join(""),true);
            var rng = this.selection.getRange();
            for(var i= 0,len=videoObjs.length;i<len;i++){
                var img = this.document.getElementById(‘tmpVedio‘+i);
                domUtils.removeAttributes(img,‘id‘);
                rng.selectNode(img).select();
                me.execCommand(‘imagefloat‘,videoObjs[i].align)
            }
        },
        queryCommandState : function(){
            var img = me.selection.getRange().getClosedNode(),
                flag = img && (img.className == "edui-faked-video" || img.className.indexOf("edui-upload-video")!=-1);
            return flag ? 1 : 0;
        }
    };

video.js:

/**
     * 根据url生成视频预览
     * @param url
     */
    function createPreviewVideo(url) {
        if (!url)return;

        var conUrl = convert_url(url);

        conUrl = utils.unhtmlForUrl(conUrl);

        $G("preview").innerHTML =
            // ‘<div class="previewMsg"><span>‘ + lang.urlError + ‘</span></div>‘ +
            // ‘<embed class="previewVideo" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"‘ +
            //     ‘ src="‘ + conUrl + ‘"‘ +
            //     ‘ width="‘ + 420  + ‘"‘ +
            //     ‘ height="‘ + 280  + ‘"‘ +
            //     ‘ wmode="transparent" play="true" loop="false" menu="false" allowscriptaccess="never" allowfullscreen="true" >‘ +
            // ‘</embed>‘;

            //换成video标签
            ‘<video‘ +
            ‘ src="‘ + conUrl + ‘"‘ +
            ‘ width="‘ + 420 + ‘"‘ +
            ‘ height="‘ + 280 + ‘"‘ +
            ‘ autoplay‘ +
            ‘ controls="controls">‘
        ‘</video>‘;
    }
时间: 2024-09-29 04:56:02

Ueditor插入视频问题的相关文章

UEditor插入视频,Object Iframe等标签被过滤问题处理

UEditor插入视频由于兼容性问题,需要再处理一个视频代码,但是新版ueditor不支持Objec IFrame标签,所以要加入// xss过滤白名单 名单来源: https://raw.githubusercontent.com/leizongmin/js-xss/master/lib/default.js 做个笔记.如果有碰到这个问题的朋友,希望能帮到你. 原文地址:https://www.cnblogs.com/oorz/p/9876381.html

解决百度富文本编辑器 UEditor 插入视频后没有路径的问题

在 Update ueditor.config.js 文件中,xssFilter导致插入视频异常,编辑器在切换源码的过程中过滤掉img的_url属性(用来存储视频url)_src/plugins/video.js里处理的是_url,而不是_src. 修改ueditor.config.js: img:    ['src', 'alt', 'title', 'width', 'height', 'id', '_src', '_url', 'loadingclass', 'class', 'data-

关于Ueditor插入视频网址问题

小二哥最近用Ueditor编辑器插入视频网址时,出现了在网页上可以播放,但在手机上App无法播放的问题,于是乎,小二哥就排查问题的原因了. 随之发现插入视频网址生成的是<embed>标签,是flash形式的,所以手机App无法识别,导致出现无法加载flash. 所以我就在它生成html的时候,将它改成<iframe>标签.这样pc端和手机端就都能兼容了,接下来小二哥会一一介绍. 首先要做的是,找到ueditor.all.js文件,然后找到creatInsertStr方法里的embe

百度编辑器UEditor不能插入视频的解决方法

在编辑器中就可以引用优酷.腾讯视频的iframe通用代码和embed html代码:移动端一般引用iframe,可设置属性,使其适应设备.(这里,建议切换到源码模式,插入相应的视频代码embed或iframe.其中iframe可编辑大小,优酷embed有效,腾讯embed无效:且腾讯视频的iframe可设置为自动播放,优选) 注意:通过以上两步后,可能出现的新问题是,前端页面不解析<iframe>标签,而是将其原样输出: 解决方法:用html_entity_decode()函数把HTML实体转

修复百度编辑器插入视频的bug

修复百度编辑器插入视频的bug,可实时预览视频,可修改到支持手机查看视频 开程序员的淘宝店!寻找开源技术服务伙伴!>>>   站在前人的肩膀上我们就可以站的更高,看得更远. 所以,请在 ueditor.config.js中搜索 whitlist , 在后面加入 source: ['src', 'type'], embed: ['type', 'class', 'pluginspage', 'src', 'width', 'height', 'align', 'style', 'wmode

Ueditor 关于视频上传相关问题

  !!!每次改动后记得,清除一下浏览器缓存再试 !!!   4点: 1.修复编辑时视频不能预览问题: 2.插入视频的时候.在预览的窗口提示 “输入的视频地址有误,请检查后再试!” 3.ueditor 解决上传视频回显 src链接丢失问题 4.ueditor 自定义插入视频封面(页面加载时显示) 1. 修复编辑时视频不能预览问题 在 ueditor.all.js 中 ,搜索   me.fireEvent('beforesetcontent', html); 将下列注释 //修复编辑是视频不能预览

如何在html中插入视频

如何在html中插入视频 1,插入优酷视频: 在优酷分享界面有个html代码,直接复制放入body中,定义div的align居中即可 2.插入本地视频:用video属性  用mp4格式 <video>标签的属性 src :视频的属性 poster:视频封面,没有播放时显示的图片 preload:预加载 autoplay:自动播放 loop:循环播放 controls:浏览器自带的控制条 width:视频宽度 height:视频高度

【转】向HTML中插入视频并兼容所有浏览器的方法

原文地址:http://www.jb51.net/web/168548.html 向HTML中插入视频有两种方法,一种是古老的object标签,一种是html5中的video标签,前者兼容性相对好些,后者兼容性让人头疼 最常用的向HTML中插入视频的方法有两种,一种是古老的<object></object>标签,一种是html5中的<video></video>标签. 前者的兼容性没得说,但是使用起来不太方便,后者使用起来很方便,但是兼容性让人头疼. 虽然后

向HTML中插入视频,兼容所有浏览器

最常用的向HTML中插入视频的方法有两种,一种是古老的<object></object>标签,一种是html5中的<video></video>标签. 前者的兼容性没得说,但是使用起来不太方便,后者使用起来很方便,但是兼容性让人头疼. 虽然后者兼容性存在很多问题,但是因为使用很方便,符合未来网页设计发展的趋势,因此我们以后者为主要的插入视频的方法,因为它兼容性的问题,前者作为辅助. 示例如下: <video width="602px"