ckplayer,超酷网页播放器,用于集成在网站中的播放器

自己在工作中做了一个教学网站,点击左边课程,右边播放视频,经过源代码分析,用的就是这个播放器

网址:http://www.ckplayer.com/

具体使用播放器网站上说的比较明白

  1. div id="flashcontent"></div>
  2. <div id="video" style="position:relative;z-index: 100;width:600px;height:400px;"><div id="a1"></div></div>
  3. <script type="text/javascript" src="ckplayer/ckplayer.js" charset="UTF-8"></script>
  4. <script type="text/javascript" src="js/offlights.js" charset="UTF-8"></script>
  5. <script type="text/javascript">
  6. //以下为调用播放器的标准代码
  7. var flashvars={
  8. f:‘http://movie.ks.js.cn/flv/2011/11/8-1.flv‘,//视频地址
  9. a:‘‘,//调用时的参数,只有当s>0的时候有效
  10. s:‘0‘,//调用方式,0=普通方法(f=视频地址),1=网址形式,2=xml形式,3=swf形式(s>0时f=网址,配合a来完成对地址的组装)
  11. c:‘0‘,//是否读取文本配置,0不是,1是
  12. x:‘‘,//调用xml风格路径,为空的话将使用ckplayer.js的配置
  13. i:‘‘,//初始图片地址
  14. d:‘http://www.ckplayer.com/temp/11.jpg‘,//暂停时播放的广告,swf/图片
  15. u:‘http://www.baidu.com‘,//暂停时如果是图片的话,加个链接地址
  16. l:‘http://www.ckplayer.com/down/start.swf‘,//视频开始前播放的广告,swf/图片/视频
  17. r:‘‘,//视频开始前播放图片/视频时加一个链接地址
  18. t:‘1‘,//视频开始前播放swf/图片时的时间
  19. e:‘3‘,//视频结束后的动作,0是调用js函数,1是循环播放,2是暂停播放,3是调用视频推荐列表的插件
  20. v:‘85‘,//默认音量,0-100之间
  21. p:‘1‘,//视频默认0是暂停,1是播放
  22. h:‘1‘,//播放http视频流时采用何种拖动方法,0是按关键帧,1是按关键时间点
  23. q:‘‘,//视频流拖动时参考函数,默认是start
  24. m:‘0‘,//默认是否采用点击播放按钮后再加载视频,0不是,1是,设置成1时不要有前置广告
  25. g:‘‘,//视频直接g秒开始播放
  26. j:‘‘,//视频提前j秒结束
  27. k:‘10|40|80‘,//提示点时间,如 30|60鼠标经过进度栏30秒,60秒会提示n指定的相应的文字
  28. n:‘跳过开头|小企鹅宝宝下水了|跳过结尾‘,//提示点文字,跟k配合使用,如 提示点1|提示点2
  29. b:‘0x000‘,//播放器的背景色,如果不设置的话将默认透明
  30. w:‘‘,//指定调用自己配置的文本文件,不指定将默认调用和播放器同名的txt文件
  31. //调用播放器的所有参数列表结束
  32. //以下为自定义的播放器参数用来在插件里引用的
  33. my_title:‘视频标题‘,//视频标题
  34. my_url:‘http://www.ckplayer.com/index.php‘,//本页面地址
  35. my_summary:‘这是一个测试页面‘,//视频介绍,请保持在一行文字,不要换行
  36. my_pic:‘http://www.ckplayer.com/temp/11.jpg‘//分享的图片地址
  37. //调用自定义播放器参数结束
  38. };
  39. var params={bgcolor:‘#000000‘,allowFullScreen:true,allowScriptAccess:‘always‘};//这里定义播放器的其它参数如背景色(跟flashvars中的b不同),是否支持全屏,是否支持交互
  40. var attributes={id:‘ckplayer_a1‘,name:‘ckplayer_a1‘};
  41. //下面一行是调用播放器了,括号里的参数含义:(播放器文件,要显示在的div容器,宽,高,需要flash的版本,当用户没有该版本的提示,加载初始化参数,加载设置参数如背景,加载attributes参数,主要用来设置播放器的id)
  42. swfobject.embedSWF(‘ckplayer/ckplayer.swf‘, ‘a1‘, ‘600‘, ‘400‘, ‘10.0.0‘,‘ckplayer/expressInstall.swf‘, flashvars, params, attributes); //播放器地址,容器id,宽,高,需要flash插件的版本,flashvars,params,attributes
  43. //调用播放器结束
  44. //第一部分:开关灯
  45. var box = new LightBox(‘flashcontent‘);
  46. var $=function(id){return document.getElementById(id)};
  47. function closelights(){//关灯
  48. box.Show();
  49. $(‘video‘).style.width=‘940px‘;
  50. $(‘video‘).style.height=‘550px‘;
  51. swfobject.getObjectById(‘ckplayer_a1‘).width=940;
  52. swfobject.getObjectById(‘ckplayer_a1‘).height=550;
  53. }
  54. function openlights(){//开灯
  55. box.Close();
  56. $(‘video‘).style.width=‘600px‘;
  57. $(‘video‘).style.height=‘400px‘;
  58. swfobject.getObjectById(‘ckplayer_a1‘).width=600;
  59. swfobject.getObjectById(‘ckplayer_a1‘).height=400;
  60. }
  61. </script>
时间: 2024-11-09 00:33:45

ckplayer,超酷网页播放器,用于集成在网站中的播放器的相关文章

CKplayer 超酷Flv播放器演示

原文:CKplayer 超酷Flv播放器演示 源代码下载地址:http://www.zuidaima.com/share/1550463717100544.htm 在线视频播放,支持.mp4格式

LZH_IJKPlayer-一个最简单使用的视频播放器,集成于bilibili开源直播播放器(ijkplayer)

     随着视频直播APP的迅速发展,许多APP也都会加入直播的功能,提高用户量.在网上也是寻找了许多直播的播放器,无意间发现Bilibili开源了一款播放器ijkplayer,想从最开始的步骤集成的同学可以点进去查看集成教程.当然,我这里为大家已经都封装好啦,只要简单的几步就可以使用该播放器了.LZH_IJKPlayer点击这个就可以下载源代码了.那如何集成到你的项目中呢. 1.先看Demo 将箭头所指的两个文件夹添加到你的工程中.ijkplayer已经打包成framework了,就是图中的

前端追着设计砍系列的9个超酷网页特效

俗话说啊,一入前端深似海啊,小编在入门前端之前,看见酷炫的网页效果,都会佩服一下设计师.直到入了前端这个坑,现在一点开网页或者是啥app,再看到这些脑袋里想的都是这些布局,动画特效是如何实现的,完全已经越过了美的观赏....这也算是职业病? 下面我们就来欣赏一些让前端攻城狮一看就想举起80米的大刀去追砍设计师的网页设计~ 的 看完上面的这些网页设计,有童鞋感慨,这才是前端啊,我们做那只能叫静态页面.....另外小编也十分想求一份源码膜拜膜拜.... via 优秀网页设计

EJB学习笔记六(EJB中的拦截器)

 1.前言 听到拦截器,估计都不陌生,尤其是在Servlet规范中,充分应用了拦截器的概念.EJB3也提供了拦截器的支持,本质上是轻量级的AOP实现,拦截器可以将多个业务方法中的通用逻辑从业务方法中抽离出来,放在拦截器中实现,从而实现极好的代码复用. 2.EJB中的拦截器 Spring中的AOP实现提供了@Before.@AfterReturning.@AfterThrowing等大量的Annotation,这些注解用于定义功能丰富的增强处理,可是在EJB的拦截器没有打算实现完整的AOP ,只是

Spring MVC中的拦截器Interceptor

谈谈spring中的拦截器 在web开发中,拦截器是经常用到的功能.它可以帮我们验证是否登陆.预先设置数据以及统计方法的执行效率等等.今天就来详细的谈一下spring中的拦截器.spring中拦截器主要分两种,一个是HandlerInterceptor,一个是MethodInterceptor. 一,HandlerInterceptor拦截器 HandlerInterceptor是springMVC项目中的拦截器,它拦截的目标是请求的地址,比MethodInterceptor先执行.实现一个Ha

10款基于HTML5+CSS3实现的超酷源码动画

1.基于Bootstrap的jQuery登录表单 这是一款基于Bootstrap的登录表单,表单的外观自然不用说,沿用了Bootstrap的风格,非常漂亮.这款登录表单有一个经过CSS3处理过的头像图片,同时还有HTML5表单字段的简单验证,CSS3的使用,让整个登录表单的投影显得更加立体. 在线演示 源码下载 2.很酷的CSS3多窗口邮件阅读器 这是一款非常炫酷华丽的CSS3邮件阅读器界面,它的特点是你可以同时点开多个邮件,而不必跳转页面.当你阅读完后可以点击关闭按钮关闭当前邮件的窗口.对于这

超酷MWC四轴飞行器DIY全套教程

本帖最后由 hitor 于 2013-8-17 22:06 编辑一.自己玩四轴的经历介绍.      各位模友大家好,我是哈工大航院的一名学生.我接触四轴的时间较早,由于我室友大二做科创就是做四轴的,那时候我们俩一人负责一个项目,他做四轴我做电动独轮车,我不太喜欢我的项目,烧了好多钱,最后也只能草草了事.我对四轴倒是很感兴趣,所以他一焊电路.写程序或是调试PID参数,我都像跟班似的死死的盯着他做的东西,有不懂的就向他请教,时间长了我也掌握了四轴的一些基本知识.几个月前我突发了做四轴的想法,但我不

16款最佳HTML5超酷动画演示及源码

1.HTML5/CSS3图片选择动画 可选择多张图片 之前我们已经分享过几款很酷的HTML5图片特效,像HTML5 3D图片折叠特效.HTML5 3D旋转图片相册等应用.今天我们来分享一款既炫酷又实用的HTML5图片选择特效,当图片被选中时,图片上就会覆盖一个半透明的层,上面有一个勾,并且在选中的时候图片出现弹跳的动画效果. 在线演示 源码下载 2.HTML5/CSS3折叠动画登录表单 之前我们分享过一款仿facebook的登录表单,效果的确很赞.今天我们再来分享一款很有特色的CSS3登录表单,

使用CKplayer插件在网页中嵌入视频的方法(常用笔记2)

在做网站中有时候我们需要在网页中嵌入视频,一般视频嵌入有以下几种方法: 1. 优酷代码嵌入 优点:简单,方便,可靠. 缺点:有广告,现在的网站非常注重用户体验,如果打开一个在线视频是有长广告的一定会崩溃的. 2. 利用<object>标签嵌入视频 优点:也比较方便,对于swf来说不错. 缺点:如果播放的是wmv格式,利用Chrome打开就搞笑了,有时候会提示你安装media player插件,有时候连个提醒都没有.也就是说跨浏览器的能力不足. 不同的视频格式还有不一样的代码,太繁琐. 3. 利