PHPCMS酷播云端安装教程

 

关键词:phpcms视频插件,phpcms视频播放器,phpcms视频模版,phpcms免费视频插件

 

视频插件效果演示

演示地址1:http://phpcms.cuplayer.com/index.php?m=content&c=index&a=show&catid=6&id=1

演示地址2:http://phpcms.cuplayer.com/index.php?m=content&c=index&a=show&catid=6&id=2


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

 

PHPCMS酷播云端安装教程

 

第2步

 

PHPCMS酷播云端安装教程

 

第3步

 

PHPCMS酷播云端安装教程

 

第4步

 

PHPCMS酷播云端安装教程

 

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

酷播云端播放器视频管理

参考代码如下:

<div id="CuPlayer" style="margin-top:20px;">
<script type="text/javascript">
var vid="{$flvurl}";
var vWidth="100%";//播放器宽度
var vHeight ="450";//播放器高度
if (vid==undefined || vid=="" || vid==null) {
document.getElementById('CuPlayer').style.display = "none";
}
</script>
<script type="text/javascript" src="http://my.cuplayer.com/video/{$flvurl}/code"></script>
<script type="text/javascript" src="http://player.cuplayer.com/cuplayer/CuSunX1.min.js"></script>
</div>

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

 

酷播云端播放器视频管理

 

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

 

酷播云端播放器视频管理

 

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

酷播云端播放器视频管理