zoukankan      html  css  js  c++  java
  • 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上播放

  • 相关阅读:
    解决windows上安装TortoiseSVN后不能使用命令行问题
    Python里Pure paths、PurePosixPath、PureWindowsPath的区别
    PHP数组运算符
    global,local,static的区别
    echo和print的区别
    PHP中foreach循环传值问题
    Matlab入门学习(文件读写)
    Matlab入门学习(程序设计)
    IDEA中使用Maven下载依赖时报错:unable to find valid certification path to requested target
    全国县市区编码表
  • 原文地址:https://www.cnblogs.com/estellez/p/4109960.html
Copyright © 2011-2022 走看看