首页 > 代码库 > Ueditor插入视频问题
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="http://www.mamicode.com/‘ + conUrl + ‘"‘ + // ‘ width="‘ + 420 + ‘"‘ + // ‘ height="‘ + 280 + ‘"‘ + // ‘ wmode="transparent" play="true" loop="false" menu="false" allowscriptaccess="never" allowfullscreen="true" >‘ + // ‘</embed>‘; //换成video标签 ‘<video‘ + ‘ src="http://www.mamicode.com/‘ + conUrl + ‘"‘ + ‘ width="‘ + 420 + ‘"‘ + ‘ height="‘ + 280 + ‘"‘ + ‘ autoplay‘ + ‘ controls="controls">‘ ‘</video>‘; }
Ueditor插入视频问题
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。