Ueditor1.4.3上传视频IE下无法播放的问题
2024-08-29 21:15:33
一:百度编辑器插入视频后,自动生成一段代码:
<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上播放
最新文章
- drawPython
- SQL SERVER 2000 迁移后SQL SERVER代理服务启动错误分析
- 用WPF实现查找结果高亮显示
- Mysql VARCHAR(X) vs TEXT
- 10891 - Game of Sum
- hdu 4710 Balls Rearrangement()
- C#中的表达式树的浅解
- 基础总结篇之九:Intent应用详解
- JVM调优实战
- flume-sink报错 java.lang.IllegalStateException: close() called when transaction is OPEN - you must either commit or rollback first
- 201521123054 《Java程序设计》第11周学习总结
- RobotFramework下的http接口自动化Get Response Body关键字的使用
- 【BZOJ4372】烁烁的游戏(动态点分治)
- 为什么函数式编程可以没有while?
- 计算机17-3,4作业C
- DSAPI 网卡流量监控
- Python面向对象:杂七杂八的知识点
- monit官方摘录
- VueJs学习笔记
- 无损录制acestream直播流
热门文章
- studio 配置 opencv3.1
- 洛谷P2485 [SDOI2011]计算器(exgcd+BSGS)
- 洛谷P4301 [CQOI2013]新Nim游戏(线性基)
- Java语言规范 第3章 词法
- G - You Are the One(需要重想一遍)
- 关于js对象参数的讨论 用街道类比
- Count on a tree II SPOJ - COT2 &;&; bzoj1086 王室联邦 &;&; bzoj2589
- gdb手册
- Spring Boot运行原理
- .Net 遍历目录下第一层的子文件夹和子文件夹里的文件