织梦内容管理系统(DedeCMS)是国内专业的PHP网站内容管理系统,采用XML名字空间风格核心模板:模板全部使用文件形式保存,对用户设计模板、网站升级转移均提供很大的便利,健壮的模板标签为站长DIY 自己的网站提供了强有力的支持。

酷播迷你V4基于织梦内容管理系统(DedeCMS)的应用:

准备工作:

前期工作:请将下载的播放器文件( /CuPlayer/下,使得自带的测试用页面 http://www.你的网站.com/CuPlayer/demo1.html 可以正常打开。

第1步:

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

html5内置播放器 html5播放器怎么安装_管理系统

第2步:

html5内置播放器 html5播放器怎么安装_模版_02

第3步:

html5内置播放器 html5播放器怎么安装_管理系统_03

第4步:

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

html5内置播放器 html5播放器怎么安装_织梦_04

第5步:

现在,再看介绍一下模版的修改(以下是直接修改织梦默认的文章模版,你如果想为单个栏目附加一个单独的模版也是可以的,在内容发布>栏目管理>更改>高级选项中,给不同的栏目附加不同的模版,这也是可以的,改模版的方式是一样的,如下),打开你要添加播放器的内容页模版(用户也可以根据自己的实际情况,添加一个新的模版页比如 article_article_cuplayer.html 来添加播放器代码,此时须给对应的栏目,选中这个article_article_cuplayer.html作为该栏目的内容模版页):

html5内置播放器 html5播放器怎么安装_管理系统_05

第6步:

找到要添加播放器相应的位置,比如这段代码之后

{dede:field.description runphp='yes'}
if(@me<>'' )@me = '
 
 

   '.@me.' 
 
 
 
';
{/dede:field.description}

添加极酷播放器,如下(以下供参考,请根据你实际情况进行调整):


var so = new SWFObject("/CuPlayer/CuPlayerMiniV4.swf","CuPlayerV4","600","410","9","#000000");
so.addParam("allowfullscreen","true");
so.addParam("allowscriptaccess","always");
so.addParam("wmode","opaque");
so.addParam("quality","high");
so.addParam("salign","lt");
so.addVariable("CuPlayerSetFile","/CuPlayer/CuPlayerSetFile.xml"); //播放器配置文件地址,例SetFile.xml、SetFile.asp、SetFile.php、SetFile.aspx
so.addVariable("CuPlayerFile","{dede:field.flvurl/}");
so.addVariable("CuPlayerWidth","600");
so.addVariable("CuPlayerHeight","410");
so.addVariable("CuPlayerAutoPlay","yes");
so.addVariable("CuPlayerImage","{dede:field.picname/}");so.addVariable("CuPlayerLogo","/CuPlayer/images/logo.png");
so.addVariable("CuPlayerPosition","bottom-right");
so.write("CuPlayer");

提示,本安装示例是以/CuPlayer/这样的安装目录为前提写的代码,当你改变了这个播放器所在的根目时,请注意更换以上红色部分的代码(请根据你实际情况进行调整)。

html5内置播放器 html5播放器怎么安装_html5内置播放器_06

第7步:

完成后效果:

html5内置播放器 html5播放器怎么安装_织梦_07

第8步:

html5内置播放器 html5播放器怎么安装_管理系统_08