织梦如何添加视频播放器

今天跟大家简单分享下,如何在用织梦开发的时候,添加播放器。

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

1

2.2

3.3

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

4

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

5

6.

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

{dede:field.description runphp=’yes’}
if(@me<>” )@me = ‘
<div class=”intro”>’.@me.'</div>
‘;
{/dede:field.description}

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

<script type=”text/javascript” src=”/CuPlayer/images/swfobject.js“></script>
<div class=”video” id=”CuPlayer” style=”width:600px;margin:0 auto;margin-top:20px;”>
<strong>酷播迷你V4(CuPlayer.com) 提示:您的Flash Player版本过低,请<a href=”http://www.CuPlayer.com/”>点此进行网页播放器升级</a>!</strong></div>
<script type=”text/javascript”>
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”);
</script>

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

7.7

讲到这里也就成功了,请大家细心看看,用心收集,做好网站。谢谢各位支持!!!

« »

发表评论