百度富文本编辑器 umeditor插入视频有误,微信小程序无法解析embed标签问题解决

一、关于插入视频弹窗

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.预览窗口无内容

经过上一步的操作后,预览窗口不报错,但无法预览
解决办法:

  1. 找到video.jsumeditor.jsumeditor.min.js文件
  2. 删除代码 type="application/x-shockwave-flash"

二、 微信小程序不解析embed标签

插入的视频转换成html代码是embed标签,微信小程序无法解析出此标签包含的视频
在这里插入图片描述
解决办法:

  1. umeditor.jsumeditor.min.js中的embed标签改为video(位置就在前面说的删除type="application/x-shockwave-flash"的位置)
  2. umeditor.js中将img和embed标签的转换,改为img和video的转换
    在这里插入图片描述
  3. umeditor.js修改创建视频代码,将embed标签改为videotype属性删除
    源代码:
    在这里插入图片描述
    修改后代码:
 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>';
    }

ueditor错误请点击这里

如果有疑问,欢迎评论~
如果成功解决了你的问题,点个赞再走吖~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

热心小伙chj

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值