cms html插入视频,PbootCMS后台插入视频mp4格式无法播放的解决方法

PbootCMS后台编辑器添加内容时有时需要添加个视频链接mp4格式的，然后在插入视频后发现出来的是swf的代码，这样就导致了视频在前台无法播放。

这个问题首先需要了解到这是百度编辑器UEditor默认的问题，所以实现的思路只能去改ueditor相关的js控制代码来实现。

实现效果：

1、添加swf链接就实用默认的效果，生成emeb标签

2、添加mp4格式链接生成video标签

修改步骤：

(最后面有直接替换文件下载)

1、修改video.js实现预览正确预览视频

打开\core\extend\ueditor\dialogs\video\video.js

找到第275行$G("preview").innerHTML = '

'+lang.urlError+'

'+

'

' src="' + conUrl + '"' +

' width="' + 420  + '"' +

' height="' + 280  + '"' +

' wmode="transparent" play="true" loop="false" menu="false" allowscriptaccess="never" allowfullscreen="true" >' +

'

';

修改成if(conUrl.indexOf(".swf") >= 0 ) {

$G("preview").innerHTML = '

'+lang.urlError+'

'+

'

' src="' + conUrl + '"' +

' width="' + 420  + '"' +

' height="' + 280  + '"' +

' wmode="transparent" play="true" loop="false" menu="false" allowscriptaccess="never" allowfullscreen="true" >' +

'

';

} else {

$G("preview").innerHTML = '

'+lang.urlError+'

'+

'

' width="' + 420  + '"' +

' height="' + 280  + '"' +

' style="max-width:100%;">' +

' ' +

'

';

}

如下图：

2、修改ueditor.all.min.js实现当填入的是mp4链接时生成的html代码为video标签

打开\core\extend\ueditor\ueditor.all.min.js

搜索以下代码case"embed":i='';break;

然后替换成case"embed":if(a.indexOf(".swf")>=0){i=''}else{var j=a.substr(a.lastIndexOf(".")+1);"ogv"==j&&(j="ogg"),i="';};break;

3、上面两个步骤操作后保存，然后到后台强制刷新页面(快捷按钮ctrl+f5)，然后就可以和上面gif动画一样的操作效果了。

以上就是PbootCMS后台插入视频mp4格式无法播放解决方法的全部内容了，更多pbootcms教程请继续关注小郭博客。