百度编辑器视频问题汇总

一,视频上传问题

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值