百度编辑器视频问题汇总

一,视频上传问题

var content = UE.getEditor('container');
		UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;
		UE.Editor.prototype.getActionUrl = function(action){
			if(action == 'uploadimage' || action == 'uploadscrawl' || action == 'uploadimage'||action == 'uploadvideo'){
				return '${pageContext.request.contextPath}/information/uploaditemimage.do?id=${pd.id}';
			}else{
				return this._bkGetActionUrl.call(this, action);
			}
		}

图片上传JS设置

action == 'uploadimage' || action == 'uploadscrawl' || action == 'uploadimage'

视频上传设置

action == 'uploadvideo'

问题二:编辑器里面只有视频,编辑器会过滤掉。(待解决)

问题三,视频在开头或最后,会出现无法再视频前面或后面编辑,因为无法获取当位置的焦点

解决一:在保存save() 的时候,默认添加<br /> 标签

content.setContent('<p><br/></p>',true);  //true,表示追加编辑内容,false 表示替换里面的全部内容

解决二:在<video>前后带上<br /> 换行标签

case 'video':
                var ext = url.substr(url.lastIndexOf('.') + 1);
                if(ext == 'ogv') ext = 'ogg';
                str = '<p><br></p><video' + (id ? ' id="' + id + '"' : '') + ' class="' + classname + ' video-js" ' + (align ? ' style="float:' + align + '"': '') +
                    ' controls poster="' + url + '?x-oss-process=video/snapshot,t_10000,m_fast,w_0,h_0"  preload="none" width="' + width + '" height="' + height + '" src="' + url + '" data-setup="{}">' +
                    '<source src="' + url + '" type="video/' + ext + '" /></video><p><br></p>';
                break;

问题三:视频上传到阿里云后,在百度编辑器里面没有浏览图

解决:poster="' + url + '?x-oss-process=video/snapshot,t_10000,m_fast,w_0,h_0",添加该属性(视频后面直接加该字符串,请求以后返回自动截图后的地址返回!)

url:为视频上传后的地址:http://.......mp4

 case 'video':
                var ext = url.substr(url.lastIndexOf('.') + 1);
                if(ext == 'ogv') ext = 'ogg';
                str = '<p><br></p><video' + (id ? ' id="' + id + '"' : '') + ' class="' + classname + ' video-js" ' + (align ? ' style="float:' + align + '"': '') +
                    ' controls poster="' + url + '?x-oss-process=video/snapshot,t_10000,m_fast,w_0,h_0"  preload="none" width="' + width + '" height="' + height + '" src="' + url + '" data-setup="{}">' +
                    '<source src="' + url + '" type="video/' + ext + '" /></video><p><br></p>';
                break;

学习地址:https://blog.csdn.net/chancle/article/details/80030672

猜你喜欢

转载自blog.csdn.net/linhaibing009/article/details/85245673