百度富文本Ueditor视频上传不显示,不能播放解决方案

这篇具有很好参考价值的文章主要介绍了百度富文本Ueditor视频上传不显示,不能播放解决方案。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

目录

问题:上次视频不显示

第一:找到 ueditor.config.js 这个文件,大概在365行这 个 whitList 属性

第二 、找到ueditor.all.js 这文件  ,搜索这个me.commands["insertvideo"] 方法,大概在17780行;找到

第三:在ueditor.all.js 这文件找到 me.commands["insertvideo"] 方法,大概在17780行;找到:注悉以下代码;如图所示


首先我们上传一个视频,如图:

ueditor 上传视频,PHP,JavaScript,音视频,html,javascript,经验分享,php

发现视频是成功上传了,说明后台已经成功返回了

点击确认后,发现视频并没有成功插入编辑器中,发现显示的是一张图片,并不是视频

ueditor 上传视频,PHP,JavaScript,音视频,html,javascript,经验分享,php

打开浏览器的控制台,审查元素看,发现插入的元素标签是img ,不是vidoe

ueditor 上传视频,PHP,JavaScript,音视频,html,javascript,经验分享,php

在百度富文本编辑器Ueditor中的查看html代码显示的还是video

ueditor 上传视频,PHP,JavaScript,音视频,html,javascript,经验分享,php

到这一步,发现问题所在了,接下来就是要解决问题了

第一:找到 ueditor.config.js 这个文件,大概在365行这 个 whitList 属性

ueditor 上传视频,PHP,JavaScript,音视频,html,javascript,经验分享,php

在whitlList 的属性里面添加以下代码

 source: ['src', 'type'],
 embed: ['type', 'class', 'pluginspage', 'src', 'width', 'height', 'align', 'style', 'wmode', 'play', 'autoplay', 'loop', 'menu', 'allowscriptaccess', 'allowfullscreen', 'controls', 'preload'],
 iframe: ['src', 'class', 'height', 'width', 'max-width', 'max-height', 'align', 'frameborder', 'allowfullscreen'] 

 如图所示:

ueditor 上传视频,PHP,JavaScript,音视频,html,javascript,经验分享,php

在这里需要注意一下,有的版本可能是没有这个属性的,如果没有这个属性的话可以先跳过这一步,尝试下面的几步看是否有用

第二 、找到ueditor.all.js 这文件  ,搜索这个me.commands["insertvideo"] 方法,大概在17780行;找到

 ueditor 上传视频,PHP,JavaScript,音视频,html,javascript,经验分享,php

将image改为video

ueditor 上传视频,PHP,JavaScript,音视频,html,javascript,经验分享,php

 代码:

for(var i=0,vi,len = videoObjs.length;i<len;i++){
    vi = videoObjs[i];
    cl = (type == 'upload' ? 'edui-upload-video video-js vjs-default-skin':'edui-faked-video');
    html.push(creatInsertStr( vi.url, vi.width || 420,  vi.height || 280, id + i, null, cl, 'video'));
}

 完成这一步之后,我们重新上传视频,就可以正常显示视频了

ueditor 上传视频,PHP,JavaScript,音视频,html,javascript,经验分享,php

 我们点击html查看代码,似乎也正常

ueditor 上传视频,PHP,JavaScript,音视频,html,javascript,经验分享,php

但是,再点击显示回来,发现视频又变图片了,但是图片也不显示(占位)ueditor 上传视频,PHP,JavaScript,音视频,html,javascript,经验分享,php

发现bug,继续修改

第三:在ueditor.all.js 这文件找到 me.commands["insertvideo"] 方法,大概在17780行;找到:注悉以下代码;如图所示

ueditor 上传视频,PHP,JavaScript,音视频,html,javascript,经验分享,php

这样基本解决视频上传的问题了

个人还有建议修改:

  在ueditor.all.js 这文件,找到UE.plugins['video'] 这个方法,大概在17632行。

  将  去掉:type="application/x-shockwave-flash" class=" + classname + "pluginspage="http://www.macromedia.com/go/getflashplayer"' 

ueditor 上传视频,PHP,JavaScript,音视频,html,javascript,经验分享,php

到这里,视频的问题解决了 

最后,如果版本不对的话可以下载这个版本

https://download.csdn.net/download/qq_68862343/87629874

ueditor 上传视频,PHP,JavaScript,音视频,html,javascript,经验分享,php文章来源地址https://www.toymoban.com/news/detail-545242.html

到了这里,关于百度富文本Ueditor视频上传不显示,不能播放解决方案的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 阿桂天山的技术小结:Flask+UEditor实现图片文件上传富文本编辑

    话不多说,有图有源码 先看效果:  1.前端html页面index.html 2.后端ueditor.py执行文件( 这个非常重要 ) 3.路径配置文件config.py 4.启动运行程序appstart.py 特殊强调 :路径蓝图,必须指向ueditor( 这个非常非常非常重要,否则前端会报错 ),放在app执行文件中 5)最后整个工程文件树:    希望你

    2024年02月11日
    浏览(58)
  • 使用【Blob、Base64】两种方式显示【文本、图片、视频】 & 使用 video 组件播放视频

    Blob 对象的类型是由 MIME 类型(Multipurpose Internet Mail Extensions)来确定的。MIME 类型是一种标准,用于表示文档、图像、音频、视频等多媒体文件的类型。以下是一些常见的 Blob 对象类型: text/plain :纯文本文件。 text/html :HTML文件。 text/xml :XML文件。 image/png :PNG格式的图像

    2024年02月03日
    浏览(48)
  • Android WebView H5视频播放实现全屏播放功能、全屏按钮不显示、灰显、点击无效问题解决方案

    打开硬件加速(3.0以上版本支持) set一个WebChromClient,实现onShowCustomView() 方法和onHideCustomView()方法 全屏支持 打开硬件加速 在Manifest中,对应的Activity添加: android:hardwareAccelerated = “true”。 防止h5重新加载:Manifest中,对应的Activity添加: android:configChanges=“keyboardHidden|orientation|s

    2024年02月09日
    浏览(61)
  • Ueditor 富文本编辑器 插入 m3u8 和 mp4 视频(PHP)

    当前环境:PHP、Ueditor的版本是1.4.3 新的需求是,需要在Ueditor 富文本编辑器中,插入视频播放,并且视频格式有MP4,也有M3U8。 百度编辑器默认的是embed,需要修改下配置。 ueditor.all.js 和 ueditor.config.js 这两个文件要改一些东西,具体我这里就不展示了,网上有很多文章都有写

    2024年02月11日
    浏览(67)
  • 百度富文本上传图片后样式崩塌

     🔥 博客主页 : 破浪前进 🔖 系列专栏 : Vue、React、PHP ❤️ 感谢大家点赞👍收藏⭐评论✍️ 问题描述:上传图片后,图片会变得很大,当点击的时候更是会顶开整个的容器的高跟宽 原因:百度富文本为了呈现给用户良好的使用导致没有写死宽高,本地多大上传后就是

    2024年02月06日
    浏览(56)
  • Git上传文件不能超过100M 解决方案

    上传项目到Git上,当某个文件大小超过100M时,就会上传失败,因为默认的限制了上传文件大小 不能超过100M 。如果需要上传超过100M的文件,就需要我们自己去修改配置。 首先,打开 终端 ,进入项目所在的文件夹; 输入命令: 此命令的目的是设置最大文件上限改为 500M (5

    2024年02月11日
    浏览(52)
  • EasyCVR播放设备录像出现部分视频不能播放的原因排查与解决

    EasyCVR视频融合平台基于云边端协同架构,具有强大的数据接入、处理及分发能力。平台支持多协议接入,包括:国标GB28181、RTMP、RTSP/Onvif、海康Ehome、海康SDK、大华SDK、宇视SDK等,对外可分发多格式视频流,包括RTSP、RTMP、FLV、HLS、WebRTC等。 有用户反馈,通过SDK接入的设备,

    2024年02月12日
    浏览(44)
  • UE5 MediaPlayer不能正确播放视频问题

    UE5 MediaPlayer不能正确播放视频问题 时间节点:2023/02/01 情况说明:播放有声音,没有是视频。 方案1: 打开插件Electra Player即可: 方案2: 修改项目设置的RHI为Default,修改之后重启项目,默认RHI为DX12: 抑或修改下项目配置文件DefaultEngine.ini: 方案参考网络,具体原因没细深

    2024年02月13日
    浏览(41)
  • layui 整合UEditor 百度编辑器

    layui 整合UEditor 百度编辑器 第一步:下载百度编辑器并配置好路径 百度编辑器下载地址:http://fex.baidu.com/ueditor/ 第二步:引入百度编辑器 代码如下: 第三步:提交表单部分 注意: 提交表单前一定要替换content的内容为编辑器内容,data.field.content = ue.getContent(); 否则,提交的

    2024年02月13日
    浏览(51)
  • uniapp计算视频学习进程,并且下次回来继续播放(不能快进)

    该功能分别有三个难点: 比如该视频的总时长为120秒,然后现在播放的时长为12秒,计算当前视频学习时长的百分比 比如该视频的总时长为120秒,当前视频学习时长为10%,计算上次播放视频的秒数 到这里第一个难题已经解决 然后想要获取上次播放视频的秒数最佳方法就是请

    2024年02月02日
    浏览(44)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包