Ueditor1.4.3上传视频IE下无法播放的问题
2014-11-20 10:14
190 查看
一:百度编辑器插入视频后,自动生成一段代码:
二:在前台播放的时候,需要引入两个js(火狐或谷歌支持HTML标签的)
理论上来说,只需要引入: /ueditor/ueditor.parse.js ,判断遇到video标签的时候,调用其css和js,但目前有bug,引入不好使,故直接引入
三:html5的video支持的浏览器
四:解决让IE支持video标签
主要引入js:
ueditor中可以插入flv ,mp4 格式的文件 即可在IE8上播放
<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上播放
相关文章推荐
- 使用ueditor视频无法上传的问题
- editor上传视频无法播放的问题
- 有关android中加载MP4,3gp等视频文件,无法播放问题的解决
- nginx下视频无法播放的问题排查过程
- android webView 无法播放视频,无法暂停,继续播放视频问题,无法根据浏览器居中显示内容问题
- 在IE11下,地图无法加载、视频无法播放、Flash组件好像出问题
- Ueditor图片上传设置(1.4.3 JSP版本) - 解决图片不能显示问题
- 解决windows media player无法播放视频,下载解码器失败的问题!
- 解决CentOS-6下totem无法播放MP4视频文件的问题
- Windows 8.1-IE-11无法播放Technet视频 推荐
- ssh上传带中文的视频文件不能播放的问题
- android 视频播放问题,无法播放该视频?
- 解决FLV视频文件在IIS6.0上无法播放的问题
- 解决FLV视频文件在服务器上无法播放的问题
- UEditor 解决拖拽视频元素改变视频尺寸时,无法保存视频尺寸问题的解决方法
- 解决IOS无法播放3gp视频, 出现无法编码问题
- 解决FLV视频文件在IIS6.0上无法播放的问题
- 解决Ubuntu软件包升级后无法播放flash视频问题
- Android 使用Webview无法播放视频问题的解决办法
- 解决Android中WebView视频无法播放的问题