UEditor中添加视频

一，基本的配置：

找到ueditor.config.js这个文件进行配置信息的修改，如下是我的配置信息(大家可以去网上搜索查找更好的配置)：

二，基本的操作

1，添加外部链接的视频地址.

a,视频地址的获取：打开某个视频网站比如优酷，找到分享，点击右边的小箭头，出现分享代码，选择flash分享地址。

b，保存添加，现在在uedit中应该可以看到引用到flash地址的视频。

c，点击确认后显示如下图

保存此时好数据后，就可以进行浏览访问了。如果无法预览，请查看获取ue中的内容是否有与视频相关信息。如果没有可能是上面提到的配置信息没有配置好！

注意：添加的flash地址无法在手机上进行播放。如果添加通用地址中的url也是无法播放的。

2，上传本地视频。

直接上操作图：

a,

b ,

c,

d,保存数据进行访问预览

如果此时无法进行预览可以添加如下的js进行尝试，css文件则是给视频播放器添加样式的。

<span style="white-space:pre"></span><link rel="stylesheet" type="text/css" href="/third-party/video-js/video-js.min.css"><span style="white-space:pre"></span><script type="text/javascript" charset="utf-8" src="/third-party/video-js/video.js"></script><span style="white-space:pre"></span><script type="text/javascript" charset="utf-8" src="/third-party/video-js/html5media.js"></script>

基中video-js.min.css，video.js则在ueditor中自带，html5media.js则需要自己下载。下载址：https://html5media.info/

三，添加使用Iframe添加视频

a,

b,

c,

d,

e,确认添加

不过此种添加方式，添加的视频会有 广告

四，添加无广告的优酷视频（以优酷为例）

1，到优酷开放平台申请一个账号，创建一个应用

2，将优酷的播放器添加到ueditor中来。

注：

开放平台地址：http://open.youku.com/

优酷免费广告:http://cloud.youku.com/services/info?serid=1

3,将优酷的播放器代码添加到udeitor中方式其实很简单。

点击ueditor中的HTML，进入到源码中，然后添加。就搞定了。

4，视频id的获取。

注意：此种方式虽然可行， 但无法进行二次编辑，还有就是在添加时无法进行预览。

五，与第四种差不多，此种方式可行。

a,也是通过编辑html源码来实现 。

代码：

 <video src="http://116.255.123.23/dycs0.mp4" controls="controls" tabindex="0" preload="metadata" poster="http://www.zsh.cn/uplo/201472110373651.jpg" width="296px"></video>

b,预览效果

此种方法需要将视频和视频默认图片存放到一个位置