pbootcms后台编辑器插入视频地址支持mp4格式的解决方法

pbootcms后台编辑器添加内容时有时需要添加个视频链接mp4格式的，然后在插入视频后发现出来的是swf的代码，这样就导致了视频在前台无法播放。这个问题首先需要了解到这是百度编辑器UEditor默认的问题，所以实现的思路只能去改ueditor相关的js控制代码来实现。
实现效果：
添加swf链接就实用默认的效果，生成emeb标签
添加mp4格式链接生成video标签
1、修改ueditor.all.min.js实现当填入的是mp4链接时生成的html代码为video标签
打开coreextendueditorueditor.all.min.js
搜索以下代码

case"embed":i='<embedtype="application/x-shockwave-flash"class="'+g+'"pluginspage="http://www.macromedia.com/go/getflashplayer"src="'+utils.html(a)+'"width="'+b+'"height="'+d+'"'+(f?'style="float:'+f+'"':"")+'wmode="transparent"play="true"loop="false"menu="false"allowscriptaccess="never"allowfullscreen="true">';break;

然后替换成

case"embed":if(a.indexOf(".swf")>=0){i='<embedtype="application/x-shockwave-flash"class="'+g+'"pluginspage="http://www.macromedia.com/go/getflashplayer"src="'+utils.html(a)+'"width="'+b+'"height="'+d+'"'+(f?'style="float:'+f+'"':"")+'wmode="transparent"play="true"loop="false"menu="false"allowscriptaccess="never"allowfullscreen="true">'}else{varj=a.substr(a.lastIndexOf(".")+1);"ogv"==j&&(j="ogg"),i="<video"+(e?'id="'+e+'"':"")+'class="'+g+'video-js"'+(f?'style="float:'+f+'"':"")+'controlspreload="auto"width="'+b+'"height="'+d+'"src="'+a+'"data-setup="{}"><sourcesrc="'+a+'"type="video/'+j+'"/></video>';};break;

2、上面两个步骤操作后保存，然后到后台强制刷新页面（快捷按钮ctrl+f5），然后就可以和上面gif动画一样的操作效果了。
如果还没效果换个浏览器测试，避免缓存导致无法看效果

本文标签：

声明：本文由代码号注册/游客用户【争赵】供稿发布，本站不对用户发布的pbootcms后台编辑器插入视频地址支持mp4格式的解决方法信息内容原创度和真实性等负责。如内容侵犯您的版权或其他权益，请留言并加以说明。站长审查之后若情况属实会及时为您删除。同时遵循 CC 4.0 BY-SA 版权协议，尊重和保护作者的劳动成果，转载请标明出处链接和本声明内容。本文作者：争赵» /dmh/3855.html

很赞哦！ ()