织梦CMS酷播云端安装教程

 

关键词:织梦视频插件 , dedecms视频插件 , 织梦免费视频插件 , 酷播云端播放器织梦教程

 

织梦CMS视频插件效果演示

演示地址1:http://dedecms.cuplayer.com/cloud/2016/1208/22.html

演示地址2:http://dedecms.cuplayer.com/cloud/2016/1208/23.html

 

第1步:登陆您的织梦管理后台,打开管理后台安装开始,首先,你要按自己的实际情况,添加你要通过后台管理的播放器相关参数,比如视频地址,广告地址,广告链接等,本站以在文章模型中添加视频地址参数为例,来介绍说明整个过程。进入织梦管理系统后台,打开 内容模型管理 > 普通文章

织梦CMS酷播云端安装教程

 

第2步:在内容模型中添加新字段

 

织梦CMS酷播云端安装教程

 

第3步:如下操作,然后点[确定],这样,你添加的[视频地址]字段flvurl就添加进了文章模型的表中了。

 

织梦CMS酷播云端安装教程

 

第4步:添加好了[视频地址]字段flvurl后,你再添加文章时,就会看到,视频地址字段已已经显示在面版中了,如下图:

 

织梦CMS酷播云端安装教程

 

第5步:现在,再看介绍一下模版的修改(以下是直接修改织梦默认的文章模版,你如果想为单个栏目附加一个单独的模版也是可以的,在 内容发布 > 栏目管理 > 更改 > 高级选项中,给不同的栏目附加不同的模版,这也是可以的,改模版的方式是一样的,如下),打开你要添加播放器的内容页模版:

 

织梦CMS酷播云端安装教程

 

第6步:打开你的内容模版,在页面您要添加视频的地方,添加如下代码(以下供参考,宽高设定请根据你实际情况进行调整)

<div id="{dede:field.flvurl/}">
<script type="text/javascript">
var vid="{dede:field.flvurl/}";
var vWidth="100%";//播放器宽度
var vHeight ="450";//播放器高度
</script>
<script type="text/javascript" src="http://my.cuplayer.com/video/{dede:field.flvurl/}/code"></script>
<script type="text/javascript" src="http://player.cuplayer.com/cuplayer/CuSunX1.min.js"></script>
</div>

 

织梦CMS酷播云端安装教程

 

第7步:应用云端播放器发布视频时,请注意,视频地址处,只能添加酷播云端的视频VID。添加视频VID登陆酷播云端播放器管理平台点击顶部导航栏的“视频管理”,界面如下。复制如下视频VID,如下图红框中的。(提示:如果您还没有酷播云端帐号请点击此处注册帐号>>

 

酷播云端播放器视频管理

 

第8步:发布视频时填入酷播云端视频VID,如下:

织梦CMS酷播云端安装教程

 

第9步:完成后的效果如下,支持PC,安卓,ios苹果,微信观看。

 

织梦CMS酷播云端安装教程