（2）配置初始化参数

1. <!--data-setup{}可以控制播放器的一些功能；autoplay:true/false，是否自动播放；preload：auto\none\meta，自动加载\不加载\加载元数据-->
2. <video
3. controlspreload="auto"poster="img/eguidlogo.png"width="640"height="360"
4. data-setup=‘{"html5":{"nativeTextTracks":false}}‘>
5. <sourcesrc=‘rtmp://192.168.30.21/live/‘type=‘rtmp/flv‘/>
6. </video>

1. //播放器实例
2. varplayer=videojs(‘videoPlayer‘);

1. /*
2. *根据videoJS官方文档编写的播放器常用操作
3. */
5. //获取当前类型
6. functiongetCurrentType(idnex){
7. returnidnex.currentType();
8. }
9. //获取当前播放地址
10. functiongetCurrentAddr(index){
11. returnindex.currentSrc();
12. }
13. //获取当前播放时间
14. functiongetCurrentTime(index){
15. returnindex.currentTime();
16. }
17. //获取当前网络状态
18. functionnetworkState(index){
19. returnindex.networkState();
20. }
21. //修改播放地址
22. functionsetsrc(index,url,type){
23. index.src({
24. type:type,
25. src:url
26. });
27. }
28. //重载播放器
29. functionreset(index){
30. index.reset();
31. index.load();
32. }
33. //播放
34. functionplay(index){
35. index.play();
36. }
37. //暂停
38. functionpause(index){
39. index.pause();
40. }

1. //播放器实例
2. varplayer=videojs(‘videoPlayer‘);
4. //播放器初始化操作面板清晰度菜单
5. functionplayerInitVideo(){
6. $videoPanelMenu=$(".vjs-fullscreen-control");
7. $videoPanelMenu.before(‘<divtabindex="0"role="menuitem"aria-live="polite"aria-expanded="false"aria-haspopup="true">‘
8. +‘<divrole="presentation">‘
9. +‘<ulrole="menu">‘
10. +‘<litabindex="-1"role="menuitemcheckbox">高清</li>‘
11. +‘<litabindex="-1"role="menuitemcheckbox">标清</li>‘
12. +‘</ul></div><span>清晰度</span></div>‘);
13. }
14. //加载页面进行播放器初始化
15. player.ready(function(){
16. playerInitVideo();
17. //player.play();
18. //setsrc(player,"rtmp://192.168.30.21/live/test3","rtmp/flv");
19. });
21. //通过id获取DOM
22. functionget(index){
23. returndocument.getElementById(index);
24. }
25. //修改播放地址并播放
26. functionwriteAddressAndPlay(index,url,type){
27. //播放器操作
28. setsrc(index,url,type?type:"rtmp/flv");
29. play(index);
30. }
31. //高清标清切换就是应用名加减HD
32. functionchangeUrl(video){
33. varindex=$(video).text();
34. //获取当前播放的url
35. varCurrentUrl=getCurrentAddr(player);
36. $(".vjs-menu-item").removeClass("vjs-selected");
37. $(video).addClass("vjs-selected");
38. if(index=="高清"){
39. if(CurrentUrl.indexOf("HD")==-1){
40. CurrentUrl=CurrentUrl+"HD";
41. }else{
42. return;
43. }
44. }else{
45. if(CurrentUrl.indexOf("HD")!=-1){
46. CurrentUrl=CurrentUrl.replace("HD","");
47. }else{
48. return;
49. }
50. }
51. //修改地址并播放
52. writeAddressAndPlay(player,CurrentUrl);
53. }

1. <scripttype="text/javascript">
2. //如果你不需要某项设置，可以直接删除，注意varflashvars的最后一个值后面不能有逗号
3. functionloadedHandler(){
4. if(CKobject.getObjectById(‘ckplayer_a1‘).getType()){//说明使用html5播放器
5. alert(‘播放器已加载，调用的是HTML5播放模块‘);
6. }
7. else{
8. alert(‘播放器已加载，调用的是Flash播放模块‘);
9. }
10. }
11. var_nn=0;
12. functionckplayer_status(str){
13. _nn+=1;
14. if(_nn>100){
15. _nn=0;
16. document.getElementById(‘statusvalue‘).value=‘‘;
17. }
18. document.getElementById(‘statusvalue‘).value=str+‘\n‘+document.getElementById(‘statusvalue‘).value;
19. }
21. varflashvars={
22. f:‘http://192.168.30.21/test1HD.video.flv‘,//视频地址
23. a:‘‘,//调用时的参数，只有当s>0的时候有效
24. s:‘0‘,//调用方式，0=普通方法（f=视频地址），1=网址形式,2=xml形式，3=swf形式(s>0时f=网址，配合a来完成对地址的组装)
25. c:‘1‘,//是否读取文本配置,0不是，1是
26. x:‘‘,//调用配置文件路径，只有在c=1时使用。默认为空调用的是ckplayer.xml
27. i:‘‘,//初始图片地址
28. d:‘‘,//暂停时播放的广告，swf/图片,多个用竖线隔开，图片要加链接地址，没有的时候留空就行
29. u:‘‘,//暂停时如果是图片的话，加个链接地址
30. l:‘‘,//前置广告，swf/图片/视频，多个用竖线隔开，图片和视频要加链接地址
31. r:‘‘,//前置广告的链接地址，多个用竖线隔开，没有的留空
32. t:‘0|0‘,//视频开始前播放swf/图片时的时间，多个用竖线隔开
33. y:‘‘,//这里是使用网址形式调用广告地址时使用，前提是要设置l的值为空
34. z:‘‘,//缓冲广告，只能放一个，swf格式
35. e:‘2‘,//视频结束后的动作，0是调用js函数，1是循环播放，2是暂停播放并且不调用广告，3是调用视频推荐列表的插件，4是清除视频流并调用js功能和1差不多，5是暂停播放并且调用暂停广告
36. v:‘80‘,//默认音量，0-100之间
37. p:‘1‘,//视频默认0是暂停，1是播放，2是不加载视频
38. h:‘0‘,//播放http视频流时采用何种拖动方法，=0不使用任意拖动，=1是使用按关键帧，=2是按时间点，=3是自动判断按什么(如果视频格式是.mp4就按关键帧，.flv就按关键时间)，=4也是自动判断(只要包含字符mp4就按mp4来，只要包含字符flv就按flv来)
39. q:‘‘,//视频流拖动时参考函数，默认是start
40. m:‘‘,//让该参数为一个链接地址时，单击播放器将跳转到该地址
41. o:‘‘,//当p=2时，可以设置视频的时间，单位，秒
42. w:‘‘,//当p=2时，可以设置视频的总字节数
43. g:‘‘,//视频直接g秒开始播放
44. j:‘‘,//跳过片尾功能，j>0则从播放多少时间后跳到结束，<0则总总时间-该值的绝对值时跳到结束
45. k:‘‘,//提示点时间，如30|60鼠标经过进度栏30秒，60秒会提示n指定的相应的文字
46. n:‘‘,//提示点文字，跟k配合使用，如提示点1|提示点2
47. wh:‘‘,//宽高比，可以自己定义视频的宽高或宽高比如：wh:‘4:3‘,或wh:‘1080:720‘
48. lv:‘0‘,//是否是直播流，=1则锁定进度栏
49. loaded:‘loadedHandler‘,//当播放器加载完成后发送该js函数loaded
50. //调用播放器的所有参数列表结束
51. //以下为自定义的播放器参数用来在插件里引用的
52. my_url:encodeURIComponent(window.location.href)//本页面地址
53. //调用自定义播放器参数结束
54. };
55. varparams={bgcolor:‘#FFF‘,allowFullScreen:true,allowScriptAccess:‘always‘};//这里定义播放器的其它参数如背景色（跟flashvars中的b不同），是否支持全屏，是否支持交互
56. varvideo=[‘http://192.168.30.21/test1HD.video.mp4‘];
57. CKobject.embed(‘ckplayer/ckplayer/ckplayer.swf‘,‘player1‘,‘ckplayer_1‘,‘720px‘,‘360px‘,false,flashvars,video,params);
58. </script>

1. /*
2. -------------------------------------------------------------------------
3. 说明:
4. 正式使用时可以把该文件的注释全部去掉，节省加载时间
5. ckplayer6.7,有问题请访问http://www.ckplayer.com
6. 请注意，该文件为UTF-8编码，不需要改变编码即可使用于各种编码形式的网站内
7. -------------------------------------------------------------------------
8. 第一部分，加载插件
9. 以下为加载的插件部份
10. 插件的设置参数说明：
11. 1、插件名称
12. 2、水平对齐方式（0左，1中，2右）
13. 3、垂直对齐方式（0上，1中，2下）
14. 4、水平方向位置偏移量
15. 5、垂直方向位置偏移量
16. 6、插件的等级，0=普通图片插件且跟随控制栏隐藏而隐藏，显示而显示，1=普通图片插件且永久显示，2=swf插件，默认显示，3=swf插件，默认隐藏，swf插件都可以交互
17. 7、插件是否绑定在控制栏上，0不绑定，1绑定，当值是1的时候该插件将会随着控制栏一起隐藏或缓动
18. 8、插件为swf并且可交互时，默认调用的类所在的包名称，详细说明可以到帮助手册里查看，默认无
19. 插件名称不能相同，对此的详细说明请到网站查看
20. */
21. functionckcpt(){
22. varcpt=‘‘;
23. cpt+=‘right.swf,2,1,0,0,2,0|‘;//右边开关灯，调整，分享按钮的插件
24. cpt+=‘share.swf,1,1,-180,-100,3,0|‘;//分享插件
25. cpt+=‘adjustment.swf,1,1,-180,-100,3,0|‘;//调整大小和颜色的插件
26. returncpt;
27. }
28. /*
29. 插件的定义结束
30. 以下是对播放器功能进行配置
31. */
32. functionckstyle(){//定义总的风格
33. varck={
34. cpath:‘‘,
35. /*
36. 播放器风格压缩包文件的路径，默认的是style.swf
37. 如果调用不出来可以试着设置成绝对路径试试
38. 如果不知道路径并且使用的是默认配置，可以直接留空，播放器会
39. */
40. language:‘‘,
41. /*播放器所使用的语言配置文件，需要和播放器在同目录下，默认是language.xml*/
42. flashvars:‘‘,
43. /*
44. 这里是用来做为对flashvars值的补充，除了c和x二个参数以外的设置都可以在这里进行配置
45. 1111111111222222222233333333334444
46. 1234567890123456789012345678901234567890123*/
47. setup:‘1,1,1,1,1,2,0,1,2,0,0,1,200,0,2,1,0,1,1,1,2,10,3,0,1,2,3000,0,0,0,0,1,1,1,1,1,1,250,0,90,0,0,0‘,
48. /*
49. 这是配置文件里比较重要的一个参数，共有N个功能控制参数，并且以后会继续的增加，各控制参数以英文逗号(,)隔开。下面列出各参数的说明：
50. 1、鼠标经过按钮是否使用手型，0普通鼠标，1手型鼠标，2是只有按钮手型，3是控制栏手型
51. 2、是否支持单击暂停，0不支持，1是支持
52. 3、是否支持双击全屏，0不支持，1是支持
53. 4、在播放前置广告时是否同时加载视频，0不加载，1加载
54. 5、广告显示的参考对象，0是参考视频区域，1是参考播放器区域
55. 6、广告大小的调整方式,只针对swf和图片有效,视频是自动缩放的
56. =0是自动调整大小，意思是说大的话就变小，小的话就变大
57. =1是大的化变小，小的话不变
58. =2是什么也不变，就这么大
59. =3是跟参考对像(第5个控制)参数设置的一样宽高
60. 7、前置广告播放顺序，0是顺序播放，1是随机播放，>1则随机取所有广告中的(N-1)个进行播放
61. 8、对于视频广告是否采用修正，0是不使用，1是使用，如果是1，则用户在网速慢的情况下会按设定的倒计时进行播放广告，计时结束则放正片（比较人性化），设置成0的话，则强制播放完广告才能播放正片
62. 9、是否开启滚动文字广告，0是不开启，1是开启且不使用关闭按钮，2是开启并且使用关闭按钮，开启后将在加载视频的时候加载滚动文字广告
63. 10、视频的调整方式
64. =0是自动调整大小，意思是说大的话就变小，小的话就变大，同时保持长宽比例不变
65. =1是大的化变小，小的话不变
66. =2是什么也不变，就这么大
67. =3是跟参考对像(pm_video的设置)参数设置的一样宽高
68. 11、是否在多视频时分段加载，0不是，1是
69. 12、缩放视频时是否进行平滑处理，0不是，1是
70. 13、视频缓冲时间,单位：毫秒,建议不超过300
71. 14、初始图片调整方式(
72. =0是自动调整大小，意思是说大的话就变小，小的话就变大，同时保持长宽比例不变
73. =1是大的化变小，小的话不变
74. =2是什么也不变，就这么大
75. =3是跟pm_video参数设置的一样宽高
76. 15、暂停广告调整方式(
77. =0是自动调整大小，意思是说大的话就变小，小的话就变大，同时保持长宽比例不变
78. =1是大的化变小，小的话不变
79. =2是什么也不变，就这么大
80. =3是跟pm_video参数设置的一样宽
81. 16、暂停广告是否使用关闭广告设置，0不使用，1使用
82. 17、缓冲时是否播放广告，0是不显示，1是显示并同时隐藏掉缓冲图标和进度，2是显示并不隐藏缓冲图标
83. 18、是否支持键盘空格键控制播放和暂停0不支持，1支持
84. 19、是否支持键盘左右方向键控制快进快退0不支持，1支持
85. 20、是否支持键盘上下方向键控制音量0不支持，1支持
86. 21、播放器返回js交互函数的等级，0-2,等级越高，返回的参数越多
87. 0是返回少量常用交互
88. 1返回播放器在播放的时候的参数，不返回广告之类的参数
89. 2返回全部参数
90. 3返回全部参数，并且在参数前加上"播放器ID->"，用于多播放器的监听
91. 22、快进和快退的秒数
92. 23、界面上图片元素加载失败重新加载次数
93. 24、开启加载皮肤压缩文件包的加载进度提示
94. 25、使用隐藏控制栏时显示简单进度条的功能,0是不使用，1是使用，2是只在普通状态下使用
95. 26、控制栏隐藏设置(0不隐藏，1全屏时隐藏，2都隐藏
96. 27、控制栏隐藏延时时间，即在鼠标离开控制栏后多少毫秒后隐藏控制栏
97. 28、左右滚动时是否采用无缝，默认0采用，1是不采用
98. 29、0是正常状态，1是控制栏默认隐藏，播放状态下鼠标经过播放器显示控制栏，2是一直隐藏控制栏
99. 30、在播放rtmp视频时暂停后点击播放是否采用重新链接的方式,这里一共分0-2三个等级
100. 31、当采用网址形式(flashvars里s=1/2时)读取视频地址时是采用默认0=get方法，1=post方式
101. 32、是否启用播放按钮和暂停按钮
102. 33、是否启用中间暂停按钮
103. 34、是否启用静音按钮
104. 35、是否启用全屏按钮
105. 36、是否启用进度调节栏,0不启用，1是启用，2是只能前进（向右拖动），3是只能后退，4是只能前进但能回到第一次拖动时的位置，5是看过的地方可以随意拖动，
106. 37、是否启用调节音量
107. 38、计算时间的间隔，毫秒
108. 39、前置logo至少显示的时间，单位：毫秒
109. 40、前置视频广告的默认音量
110. 41、当s=3/4时加载插件是否从压缩包里加载，0不是，1是
111. 42、加载风格是否采用加密方式传送，该功能普通用户不能使用
112. 43、在s=1/2时，调用地址里的地址是否是相对地址（相对于调用文件），0不是，1是
113. */
114. pm_bg:‘0x000000,100,230,180‘,
115.