百度编辑器视频问题汇总

最新推荐文章于 2025-05-14 22:27:35 发布

linhaibing009

最新推荐文章于 2025-05-14 22:27:35 发布

阅读量686

点赞数

分类专栏： js 文章标签：百度编辑器

本文链接：https://blog.youkuaiyun.com/linhaibing009/article/details/85245673

版权

js 专栏收录该内容

1 篇文章

订阅专栏

一，视频上传问题

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.youkuaiyun.com/chancle/article/details/80030672