一、关于插入视频弹窗
1.预览框显示有误
原因:umeditor/dialogs/video/video.js文件对视频上传格式进行了限制
解决办法:在该文件下找到格式判断的代码段进行修改
这段代码的意思是如果视频链接地址的结尾不是.swf,.flv,.wmv就会提示错误
可修改为如下代码,添加常见视频格式即可
if(!me.endWith(conUrl,[".mp4",".flv",".f4v",".webm",".m4v",".mov",".3gp",".3g2",".rm",".rmvb",".wmv",".avi",".asf",".mpg",".mpeg",".mpe",".ts",".div",".dv",".divx",".vob",".dat",".mkv",".swf",".lavf",".cpk",".dirac",".ram",".qt",".fli",".flc",".mod"])){
$("#eduiVideoPreview", me.$widget).html( lang.urlError );
return;
}
2.预览窗口无内容
经过上一步的操作后,预览窗口不报错,但无法预览
解决办法:
- 找到video.js和umeditor.js和umeditor.min.js文件
- 删除代码 type="application/x-shockwave-flash"
二、 微信小程序不解析embed标签
插入的视频转换成html代码是embed标签,微信小程序无法解析出此标签包含的视频
解决办法:
- 将umeditor.js和umeditor.min.js中的embed标签改为video(位置就在前面说的删除type="application/x-shockwave-flash"的位置)
- umeditor.js中将img和embed标签的转换,改为img和video的转换
- umeditor.js修改创建视频代码,将embed标签改为video,type属性删除
源代码:
修改后代码:
function creatInsertStr(url,width,height,id,align,toEmbed){
return !toEmbed ?
'<img ' + (id ? 'id="' + id+'"' : '') + ' width="'+ width +'" height="' + height + '" _url="'+url+'" class="edui-faked-video"' +
' src="' + me.options.UMEDITOR_HOME_URL+'themes/default/images/spacer.gif" style="background:url('+me.options.UMEDITOR_HOME_URL+'themes/default/images/videologo.gif) no-repeat center center; border:1px solid gray;'+(align ? 'float:' + align + ';': '')+'" />'
:
'<video class="edui-faked-video" pluginspage="http://www.macromedia.com/go/getflashplayer"' +
' src="' + url + '" width="' + width + '" height="' + height + '"' + (align ? ' style="float:' + align + '"': '') +
' wmode="transparent" play="true" loop="false" menu="false" allowscriptaccess="never" allowfullscreen="true" ></video>';
}
如果有疑问,欢迎评论~
如果成功解决了你的问题,点个赞再走吖~