PbootCMS后台插入视频mp4格式无法播放的解决方法
导读:CSS/HTMLCSS/HTMLPbootCMS后台编辑器添加内容时有时需要添加个视频链接mp4格式的,然后在插入视频后发现出来的是swf的代码,这样就导致了视频在前台无法播放。 这个问题首先网站优化seo培训seo网站优化软件。
PbootCMS后台编辑器添加内容时有时需要添加个视频链接mp4格式的,然后在插入视频后发现出来的是swf的代码,这样就导致了视频在前台无法播放。 这个问题首先需要了解到这是百度编辑器UEditor默认的问题,所以实现的思路只能去改ueditor相关的js控制代码来实现。 实现效果: 1、添加swf链接就实用默认的效果,生成emeb标签 embed class=edui-faked-video src=https://www.xxx/demo/video/test.swf type=application […]
PbootCMS后台编辑器添加内容时有时需要添加个视频链接mp4格式的,然后在插入视频后发现出来的是swf的代码,这样就导致了视频在前台无法播放。
这个问题首先需要了解到这是百度编辑器UEditor默认的问题,所以实现的思路只能去改ueditor相关的js控制代码来实现。
实现效果:
1、添加swf链接就实用默认的效果,生成emeb标签
<embed class=”edui-faked-video” src=”https://www.xxx/dseo网站排名优化软件emo/video/test.swf” type=”application/x-shockwave-flash” width=”420″ he网站建设教程ight=”280″></embed>
2、添加mp4格式链接生成video标签
<video class=”edui-faked-video video-js” src=”http://www.xxx.com/static/upload/video/1.mp4″ preload=”auto” controls=”controls” width=”420″ height=”280″> <source src=”http://www.xxx.com/static/upload/video/1.mp4″ /> </video>
修改步骤:
(最后面有直接替换文件下载)
1、修改video.js实现预览正确预览视频
打开\core\extend\ueditor\dialogs\video\video.js
找到第275行
$G(“preview”).innerHTML = ‘ <div class=”previewMsg”>’+lang.urlError+'</div> ‘+ ‘<embed class=”previewVideo” src=”‘ + conUrl + ‘” type=”application/x-shockwave-flash” width=”‘ + 420 + ‘” height=”‘ + 280 + ‘”></embed>’ + ”;
修改成
if(conUrl.indexOf(“.swf”) >= 0 ) { $G(“preview”).innerHTML = ‘ <div class=”previewMsg”>’+lang.urlError+'</div> ‘+ ‘<embed class=”previewVideo” src=&r网站seo优化课程dquo;‘ + conUrl + ‘” type=”application/x-shockwave-flash” width=”‘ + 420 + ‘” height=”‘ + 280 + ‘”></embed>’ + ”; } else { $G(“preview”).innerHTML = ‘ <div class=”previewMsg” style=”display: none;”>’+lang.urlError+'</div> ‘+ ‘<video style=”max-width: 100%;” autoplay=”autoplay” controls=”controls” width=”‘ + 420 + ‘” height=”‘ + 280 + ‘”>’ + ‘ <source src=”‘ + conUrl + ‘” type=”video/mp4″ />’ + ‘</video>’; }
声明: 本文由我的SEOUC技术文章主页发布于:2023-05-25 ,文章PbootCMS后台插入视频mp4格式无法播放的解决方法主要讲述解决方法,无法播放,CMS网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: https://www.seouc.com/article/web_8266.html