Ueditor1.4.3上传视频IE下无法播放的问题
一:百度编辑器插入视频后,自动生成一段代码:
<video class="edui-upload-video vjs-default-skin video-js" controls="" preload="none" width="420" height="280" src="/userfiles/ueditor/video/20141013/1413188008890052726.mp4" data-setup="{}"> <source src="/userfiles/ueditor/video/20141013/1413188008890052726.mp4" type="video/mp4"/> </video>
二:在前台播放的时候,需要引入两个js(火狐或谷歌支持HTML标签的)
<link type="text/css" rel="stylesheet" href="/ueditor/third-party/video-js/video-js.css"/><script language="javascript" type="text/javascript" src="/ueditor/third-party/video-js/video.js"></script>
理论上来说,只需要引入: /ueditor/ueditor.parse.js ,判断遇到video标签的时候,调用其css和js,但目前有bug,引入不好使,故直接引入
三:html5的video支持的浏览器
四:解决让IE支持video标签
<!-- 在页面的head部分加入如下脚本,非支持 audio/video标签浏览器使用 -->
<script src="http://api.html5media.info/1.1.4/html5media.min.js"></script><h4>视频媒体标签</h4>
<video src="http://www.html51.com/demo/html5-video/demo.mp4" width="592" height="256" autoplay controls preload autobuffer></video><br><br><h4>音频媒体标签</h4>
<audio src="http://www.shop2download.com/samples/21/73/0000000007242173_MP3_128kbps_44.1kHz_stereo_CBR.mp3" autoplay controls preload autobuffer></audio><br><br><div>PS:最简单的方法,就只要备备好 mp4与 ogv二种影音格式就可以了<br> 查考:<a href="http://www.iefans.net/video-kaifangshi-biaoqian-butong-geshi">HTML5 Video开放式标签根据不同浏览器播放不同格式</a></div>
主要引入js:
<script src="http://api.html5media.info/1.1.4/html5media.min.js"></script>
ueditor中可以插入flv ,mp4 格式的文件 即可在IE8上播放
转载于:https://www.cnblogs.com/estellez/p/4109960.html
Ueditor1.4.3上传视频IE下无法播放的问题相关推荐
- tp5.1 乐视云上传视频文件(https请求http乐视云上传接口)http网址下上传视频(https API接口)
一.sdk_php_v2.0.zip 上传视频 网址:http://www.lecloud.com/zh-cn/help/api.html tp5.1 乐视云上传视频文件(https请求http乐视云 ...
- php$上传_如何实现PHP上传视频的功能?(图文+视频)
本篇文章主要给大家讲解PHP上传视频的具体实现方法. 实现PHP视频上传的功能,对于新手来说,可能有一定的难度.但是通过本篇文章的介绍,相信大家都能熟练掌握相关知识. 那么在之前的文章[PHP文件上传 ...
- yii2.0使用ueditior完成上传单张,多张图片,上传视频等操作
一.前言 由于工作需求需要集成富文本编辑器,本来是想要选用之前用过的WangEditor的,但是考虑到WangEditor还是比较小众,所以最终选择了没用过的Uedtor,这篇文章主要讲述了Yii2. ...
- CKEditor上传视频(java)
CKEditor上传视频 CKEditor批量上传图片 flvplayer.swf播放器 CKEditor整合包(v4.6.1) ----------------------------------- ...
- GitHub 支持上传视频文件啦!
大家好,我是若川.今天周六,分享一篇热点新闻.文章较短,预计5分钟可看完. 近日 Github 宣布支持了视频上传功能,意味着,大家在提 issue 时可以携带视频了,这极大地提高了开发者和维护者的效 ...
- KindEditor解决上传视频不能在手机端显示的问题
KindEditor自带的上传视频生成的HTML代码为<embed>,在手机端并不支持.于是可以自己在控件里增加生成video标签相关代码. 参考https://www.jianshu.c ...
- WangEdit富文本编辑器增加上传视频功能
乘着今天中午的时间 对以前项目的一个需求进行一定的处理 前天去了甲方公司 接到了了一个新的需求 就是可以把项目的一个富文本的编辑器可以设置为能够上传视频 于是乎 就要对vue里面的这个组件进行操作了 ...
- 七牛云上传视频如何有效做到节省空间
在上传视频的时候,我们通常会保存到第三方[七牛云]平台.不过大多数程序员在系统后台上传视频后,一般都是保存到了本地,如果视频非常多或者视频容量特别大的情况下,那么我们的服务器迟早有一天会满,为了节省空 ...
- plupload与springmvc分段上传视频
前端上传视频时需要下载plupload插件https://www.plupload.com/download/ 需要导入以下js文件 <script type="text/javasc ...
最新文章
- escape php解码,PHP对escape的字符串进行解密 、加密 | 学步园
- 如何在Storyboard中使用Scroll view
- slowfast解读:用于计算机视觉视频理解的双模CNN
- Python中sorted函数的用法
- 低功耗远距离lora模块:SX1262与SX1278、SX1276射频无线收发器芯片对比分析以及选型指南
- ffmpeg转换格式
- java多层panel,java-在h:panelGrid中具有多个子组件的自定义Facelets-Tag
- shell 脚本空行造成 :not found make.sh:
- Linux 共享库LD_PRELOAD环境变量
- aes解密流程图_AES加密算法详解
- C#积木游戏(改编自DevExpress GridTetris)
- 首周任务 :asp留言板
- 松本行弘的程序世界阅读记录
- 小米5USB 计算机连接,小米手机连接电脑不显示usb选项
- 怀孕期间各个月注意事项
- 【51单片机实例】智能小车(一)--------小车的前进、后退和停止
- 万能数据库查询分析器使用技巧之(十六)
- 工信部发证 中国广电成第四大基础电信运营商
- ssh中dao自定义的模板类
- C++ 11的移动语义 - 清晰的示例及浅显的说理
热门文章
- php开源项目博客,F2blog - 博客Blog - PHP开源项目 - 开源吧
- 一小时学会Ansible自动化运维
- 各种网络监控拓扑图,十分齐全!
- 面对不可避免的故障,我们造了一个“上帝视角”的控制台
- OpenKruise v0.5.0 版本发布 | 云原生生态周报 Vol. 50
- linux 用户与用户发邮件,Linux自动向指定用户发送邮件
- Mysql的库与表的基本操作
- mysql r和n的区别_mysql数据库 r n
- textarea 转换 html,textarea html标签转换为纯文本
- python声明_【瞎折腾-03】在Python里面写类型“声明”