110726_CMS4J_视频的上传与播放.docVIP

视频的上传与播放 需求场景 许多客户需要在页面上插入视频，在线播放； 一是为在文章内容中插入视频播放； 二是为在首页或特殊页面上点击直接播放如： 实现思路 内容中显示视频 在文章内容中插入视频可通过后台编辑器上传视频来实现； 页面中直接显示一个视频 在首页或特殊页面插入视频播放代码，结合后台维护的视频数据进行展现，我们首先要找到视频播放器的代码，然后用article标签读取维护的文章信息，来读取“视频文件”“摘要图”进行展现与播放； 具体实施 文章内容添加视频方法： 添加文章在编辑器中，直接点击插入自动播放的媒体文件按钮 来上传视频，并设置视频显示的宽与高 确定后如下： 这样就完成了，视频在文章内容中的添加。 目前后台支持的视频格式为：FLV、AVI格式的视频 在首页页面直接插入视频的方法：（FLV格式为例） 静态代码： tr td align=center id=container script type=text/javascript var s1 = new SWFObject(flvplayer/player.swf,ply,248,190,9,#FFFFFF); s1.addParam(allowfullscreen,true); s1.addParam(allowscriptaccess,always); s1.addParam(flashvars,file=vied/001.flvimage=images/img.jpg); s1.write(container); /script /td /tr 静态代码分析： 以上代码是FLV格式的视频代码找到视频的路径及视频默认图片视频宽高等参数（蓝色标记） var s1 = new SWFObject(flvplayer/player.swf,ply,248,190,9,#FFFFFF); 以上代码是引用一个视频播放器组件，及视频的宽，高，其它参数，这个播放器代码与播放器文件，可以在网上搜索“FLV播放器”找到很多，然后我们下载下来修改即可。 同时，在我们系统的/images/ flvplayer.swf目录下也提供了一个默认的播放器（以上代码，就是我们默认播放器的调用代码）。 s1.addParam(flashvars,file=vied/001.flvimage=images/img.jpg); 以上代码file对应值是视频的具体地址。Images对应值是默认的视频图片 找到参数后用CMS4J标签来获取到相应的动态值； 实现： 页面标签代码： tr td align=center id=container cms4j:article node_id=root class_id=1501 filter=summary_image page_size=1 cms4j:article_list script type=text/javascript var s1 = new SWFObject(flvplayer/player.swf,ply,248,190,9,#FFFFFF); s1.addParam(allowfullscreen,true); s1.addParam(allowscriptaccess,always); s1.addParam(flashvars,file=%=article_info.getURL()%image=%=article_info.getHOMEPAGE_IMAGE()%); s1.write(container); /script /cms4j:article_list /cms4j:article /td /tr 。。。。。。 标签注解： 从以上代码可以看出，我们只需要加标签获取到，视频的地址及默认图片的地址即可，其它默认为静态配置 获取视频链接地址：%=article_info.getURL()% 获取默认图地址：%=article_info.getHOMEPAGE_IMAGE()% 后台操作： 后台添加一条首页视频来提供给前台页面的视频地址，及视频默认图。 如何添加视频的链接地址： 后台添加文章时，点击打开链接至其它选项。从这里把本机视频浏览上传即可。 如何添加视频的默认图片： 因页面上调用的首页摘要图。所以在后台直接在首页摘要图位置里上传视频的默认图片即可 因篇文章我们只是需要提供视频的地址及图片地址的维护项。所以文章的内容可以不需要填写。直接保存刷新前台就可以展现出直接在页面上播放的视频。 技巧：如何将视频转换为FLV格式 现在网络上基本都是FLV格式的视频，其特点：压缩率高，文件极小，网络加载速度也快，适合网络视频播放。目前各大主流视频网站优酷、土豆、酷6