ckplay视频播放器在phpcms中的应用
2014-03-15 01:20:57   来源:原创   评论:0 点击:

首先看效果:无需改变官方模板即可随意调用视频还不影响自带的酷六视频。本教程参考:PHPCMS 视频模型整合 CKPLAYER 和 KU6播放器并存 支持本地上传http: www ckplayer com bbs forum php?mod=viewthread&
首先看效果:



无需改变官方模板即可随意调用视频还不影响自带的酷六视频。本教程参考:PHPCMS 视频模型整合 CKPLAYER 和 KU6播放器并存 支持本地上传
http://www.ckplayer.com/bbs/forum.php?mod=viewthread&tid=786
(出处: ckplayer-论坛)


第一步:到官方网站下载最新的ckplay程序:http://www.ckplayer.com/
第二步:后台视频模型新建一个字段名字任意,比如:ckplayer





 
第三步:打开视频模型播放页模板:show_video.html

然后把一所需代码复制进去
修改好的show_video.html文件下载<script language="JavaScript">

</script>
由于我增加了相关视频和视频简介内容,因此在要改变css文件,这个vms.css文件在这里: 

打开css文件在最下边加上css控制
.show_pg .lty1 #Article .text{ border:1px solid #ddd; background-color:#f3f3f3; padding:8px 5px; zoom:1; margin-bottom:20px}
.show_pg .lty1 .relevance{ padding:10px 10px 10px}
.show_pg .lty1 .relevance h5,.comment h4{background: url(../../images/v9/icon.png) no-repeat left -375px; padding-left:16px;}
.show_pg .lty1 .relevance .photo-list{ padding:5px; overflow:auto; padding-top:5px}
.show_pg .lty1 .relevance .photo-list li{ text-align:left; line-height:16px; float:left; width:98px; padding:0}
.show_pg .lty1 .relevance .photo-list li .img-wrap{width:95px;height:60px;margin: 2px 2px 2px; background-color:#fff; no-repeat; border:none; margin-bottom:2px}
.show_pg .lty1 .relevance .photo-list li .img-wrap:after{content:" "; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.show_pg .lty1 .relevance .photo-list li .img-wrap a{*font-size:12px;width:98px; height:60px; padding:0px 5px 0px 0px }
.show_pg .lty1 .relevance .photo-list li .img-wrap a:hover{ background:none}

我对css不是很熟悉,加的css代码肯定有没用的,望能探讨,共同学习共同进步!
下一步研究多集连续播放问题,敬请期待。


 

相关热词搜索:

上一篇:安全设置Windows 2008远程控制
下一篇:一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10

分享到: 收藏