Ueditor1.4.3上传视频无法播放的问题

一:百度编辑器插入视频后,自动生成一段代码:

  <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>

主要引入:

<script src="http://api.html5media.info/1.1.4/html5media.min.js"></script>

ueditor中可以插入flv ,mp4 格式的文件 即可在IE8上播放

时间: 2024-10-12 15:19:42

Ueditor1.4.3上传视频无法播放的问题的相关文章

HTML5上传视频无法播放以及兼容的解决方法

一.视频无法播放原因分析 1.路径不对 <video width="100%" height="100%" controls="controls">   <source src="images/apply.mp4" type="video/mp4"></source>  </video> 在images前面不加斜杠,使用相对路径,不要使用绝对路径 2.视频格式

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&

在Windows 2008 R2 Server中,上传视频遇到的问题

在Windows 2008 R2 Server中,上传视频不能播放,以及服务器大小限制问题,这里记录我的解决方法,以免再次遇到,无所适从. 1.上传视频不能播放 打开IIS,找到"MIME类型",如下: 双击"MIME类型",在右上角,点击"添加",如下: 点击确定,如下: 注:其他类型视频,一样如上添加. 2.上传大视频(这里45M),报404 在web.config文件的<system.web>节点中添加<httpRunti

视频的上传及购买播放

一.上传视频 1:使用百度云: 登录百度云:https://cloud.baidu.com/ 进入管理控制台: 开通 “视频点播VOD” 服务: 在后台管理系统 --> 右上角“安全认证” --> 获取 “AccessKey”: 在 “视频点播VOD” 界面 --> 全局设置 --> 发布设置 --> 安全设置 --> 获取 “UserKey”: 2:自定义转码设置: 1.视频需经过加密在进行发布,先创建一个编码模板(配置如下): 容器:选择 HLS(Http Live

关于上传视频到七牛的一些解决方案

<div class="form-group"> <label>上传视频:</label> <div class="my-upload"> <div class=""> <input type="file" id="fileupload" name="fileupload" class="" />

mvc实现上传视频预览

上个项目中用到了上传视频,本来打算用百度的webuploader做的,但是webuploader可能有个毛病就是不能上传太大的东西. 于是乎,只能换个方法做了啊,看了半天最终决定用传统的uploaderfile来做.顺便吐槽下uploaderfile真的是,和webuploader相比完全是有点复杂啊 OK回到正题,这个uploaderfile最为重要的个人感觉就是引用--一般情况下要注意引用的顺序,要先引用jq.min而且是只能引用一次,不然就会报错,笔者之前用的模板就有一个引用,然后又引用了

在店铺首页上传视频

分享一下怎样在首页或者二级页面做视频,淘宝C店或者天猫商城都可以用. 首页看下效果 效果大概这样.那么先来看看代码,非常简单的 <embed allowscriptaccess="never" width="436" height="280" style="background:#000;" flashvars="scene=taobao_shop" pluginspage="http://

使用爱奇艺开放平台上传视频

一.问题背景: 在最近的一个项目中,需要有一个上传视频的功能,原先使用的优酷开放平台,但是由于很久没有维护了,导致账号过期了,且优酷开放平台在17年三月份之后,就暂停新应用的创建和生成新的应用,所以重新选用了爱奇艺开放平台. 二.使用步骤 (说明:申请账号,创建应用和审核,请参考官方的文档,我在这里就不做详细的说明了,这里直接上代码.不过我也是第一次使用这个爱奇艺的开放平台,所以可能会有错误,但是功能是可以实现的) 引用sdkbase_min.js HTML: <div class="co

小视频-上传视频

为什么做小视频? 快手,抖音,小红书都是我们熟知的小视频.小视频的诞生 可以获取更多的流量. .py class Upload_img(APIView): #kindeditor上传方法 def post(self,request): item = {} file = request.FILES.get('file') orderno = datetime.datetime.now() orderno = str(orderno).replace('-','').replace(' ','').