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

网址: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>

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

  1. (转)spring中的拦截器(HandlerInterceptor+MethodInterceptor)

    1.  过滤器跟拦截器的区别 在说拦截器之前,不得不说一下过滤器,有时候往往被这两个词搞的头大. 其实我们最先接触的就是过滤器,还记得web.xml中配置的<filter>吗~ 你应该知道 ...

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

     1.前言 听到拦截器,预计都不陌生,尤其是在Servlet规范中,充分应用了拦截器的概念.EJB3也提供了拦截器的支持,本质上是轻量级的AOP实现.拦截器能够将多个业务方法中的通用逻辑从业务方法中抽 ...

  3. python中@property装饰器的使用

    目录 python中@property装饰器的使用 1.引出问题 2.初步改善 3.使用@property 4.解析@property 5.总结 python中@property装饰器的使用 1.引出 ...

  4. Spring MVC中的拦截器Interceptor

    谈谈spring中的拦截器 在web开发中,拦截器是经常用到的功能.它可以帮我们验证是否登陆.预先设置数据以及统计方法的执行效率等等.今天就来详细的谈一下spring中的拦截器.spring中拦截器主 ...

  5. C#中的 Attribute 与 Python/TypeScript 中的装饰器是同个东西吗

    前言 最近成功把「前端带师」带入C#的坑(实际是前端带师开始从cocos转unity游戏开发了) 某天,「前端带师」看到这段代码后问了个问题:[这个是装饰器]? [HttpGet] public Re ...

  6. 网页编辑器CKEditor4.3.1+CKFinder2.4+JW Player6.7(视频播放器)集成

    CKEditor是使用最多的一款在线网页编辑器,不仅好用,而且功能强大.易扩展.浏览器兼容性好.另外,CKEditor网页编辑器经常更新.本程序使用的是最新稳定版CKEditor4.3.1,添加使用了 ...

  7. Lily_music 网页音乐播放器 -可搜索(附歌词联动播放效果解说)

    博客地址:https://ainyi.com/59 写在前面 这是我今年(2018)年初的小项目,当时也是手贱,不想用别的播放器,想着做一个自己的网页播放器,有个歌曲列表.可关键词搜索.歌词滚动播放的 ...

  8. EasyNVR无插件直播服务器播放页面的集成----单独的播放器样式

    背景需求: EasyNVR自身拥有独立的客户端体系,安卓和IOS拥有各自独立的APP, 安卓下载地址:https://fir.im/EasyNVR: IOS下载可直接在APPstore搜索EasyNV ...

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

    在做网站中有时候我们需要在网页中嵌入视频,一般视频嵌入有以下几种方法: 1. 优酷代码嵌入 优点:简单,方便,可靠. 缺点:有广告,现在的网站非常注重用户体验,如果打开一个在线视频是有长广告的一定会崩 ...

随机推荐

  1. 《第一行代码》学习笔记18-广播接收器Broadcast_Receiver(1)

    1.网络通信原理,在一个IP网络范围内最大的IP地址是被保留作为广播地址来使用的.某个网络的IP 范围是192.168.0.XXX, 子网掩码是255.255.255.0,则该网络的广播地址是192. ...

  2. LinkedList : 双向链表与实现

    所谓双向链表: (由此图可见老夫深厚的画功) 链表,就是由一个一个的节点连接组成. 在这里,每一个节点都是由三部分组成:上一个节点.当前节点的元素.下一个节点 当链表中只有一个节点的时候,这个节点指向 ...

  3. select radio readonly

    首先 select radio 设置 disable的会无法提交数据. 这让我很头疼  而且 readonly 无效 后来发现.我把自己绕进去了..一般涉及 只读都是 不让用户修改 .而后台只更新 可 ...

  4. iOS横竖屏

    现在开发的APP大部分界面是竖屏的,只有视频播放的界面和webview阅读文字的界面是可以横屏操作的. 那么就进行如下处理: 1.首先确保APP支持横屏旋转 2.我的App里面都是走UINavigat ...

  5. No2_3.接口继承多态_Java学习笔记_多态

    ***多态***1.多态性:通常使用方法的重载(Overloading)和重写(Overriding)实现类的多态:2.重写之所以具有多态性,是因为父类的方法在子类中被重写,方法名相同,实现功能不同. ...

  6. Linux下运行C++程序出现"段错误(核心已转储)"的原因

    今天写程序出现了“段错误(核心已转储)"的问题,查了一下资料,加上自己的实践,总结了以下几个方面的原因. 1.内存访问出错  这类问题的典型代表就是数组越界. 2.非法内存访问 出现这类问题 ...

  7. Gora快速入门

    概述 Gora是apache的一个开源项目. The Apache Gora open source framework provides an in-memory data model and pe ...

  8. Postgres的用户认证

    我们先来讲讲postgresql的用户认证吧. 我想我们有必要明白以下几个问题: 第一.postgresql的用户和操作系统的用户没有任何直接的的关系.虽然在postgaresql的初始安装中,它会有 ...

  9. hdu 1255 覆盖的面积

    http://acm.hdu.edu.cn/showproblem.php?pid=1255 #include <cstdio> #include <cstring> #inc ...

  10. 《Programming WPF》翻译 第6章 3.二进制资源

    原文:<Programming WPF>翻译 第6章 3.二进制资源 尽管ResourceDictionary和系统级别的资源适合于作为数据存在于对象中,然而,并不是所有的资源都能很好的满 ...