有偿求，用CKplayer替换迅睿CMS原有的播放器

张罗西

有偿，原有的视频播放器

1. <script type="text/javascript">
   
2. $('.videolist').each(function(){ //遍历视频列表
   
3. $(this).hover(function(){ //鼠标移上来后显示播放按钮
   
4. $(this).find('.videoed').show();
   
5. },
   
6. function(){
   
7. $(this).find('.videoed').hide();
   
8. });
   
9. $(this).click(function(){ //这个视频被点击后执行
   
10. var img = $(this).attr('vpath');//获取视频预览图
    
11. var video = $(this).attr('ipath');//获取视频路径
    
12. $('.gzs-videos .videos').html("<video id="video" poster='"+img+"' style='width:640px' src='"+video+"' preload="auto" controls="controls" controls="nodownload" autoplay="autoplay"></video><img src="{SITE_URL}images/gb.png" width="25" height="25" onClick="close1()" class="vclose" title="关闭00">");
    
13. $('.gzs-videos').show();
    
14. });
    
15. });
    
16. function close1(){
    
17. var v = document.getElementById('video');//获取视频节点
    
18. $('.gzs-videos').hide();//点击关闭按钮关闭暂停视频
    
19. v.pause();
    
20. $('.gzs-videos').html();
    
21. }
    
22. </script>
    

复制代码

下面是CKPlayer  X2的代码，怎么整合在一起。

1. <div id="video" style="width: 100%; height: 400px;max-width: 600px;">
   
2.                 </div>
   
3.                 <script type="text/javascript" src="ckplayer/ckplayer.js" charset="UTF-8"></script>
   
4.                 <script type="text/javascript">
   
5.                         var videoObject = {
   
6.                                 container: '#video', //容器的ID或className
   
7.                                 variable: 'player', //播放函数名称
   
8.                                 loop: true, //播放结束是否循环播放
   
9.                                 autoplay: true,//是否自动播放
   
10.                                 poster: 'material/poster.jpg', //封面图片
    
11.                                 preview: { //预览图片
    
12.                                         file: ['material/mydream_en1800_1010_01.png', 'material/mydream_en1800_1010_02.png'],
    
13.                                         scale: 2
    
14.                                 },
    
15.                                 //flashplayer:true,
    
16.                                 //debug:true,
    
17.                                 video: [
    
18.                                         ['http://ckplayer-video-sample.oss-cn-shanghai.aliyuncs.com/sample-mp4/05cacb4e02f9d9e.mp4', 'video/mp4', '中文标清', 0],
    
19.                                         ['http://ckplayer-video-sample.oss-cn-shanghai.aliyuncs.com/sample-mp4/d0897b4e9ddd9a5.mp4', 'video/mp4', '中文高清', 0],
    
20.                                         ['http://ckplayer-video-sample.oss-cn-shanghai.aliyuncs.com/sample-mp4/eb048d7839442d0.mp4', 'video/mp4', '英文高清', 0],
    
21.                                         ['http://ckplayer-video-sample.oss-cn-shanghai.aliyuncs.com/sample-mp4/d30e02a5626c066.mp4', 'video/mp4', '英文超清', 0]
    
22.                                 ]
    
23.                         };
    
24.                         var player = new ckplayer(videoObject);
    
25.                 </script>

复制代码

kingingr

请问下,X2什么版本?有链接吗?开源吗?

lanmfly

kingingr 发表于 2022-11-23 10:53
请问下,X2什么版本?有链接吗?开源吗?

CKplayer的历史版本

Licong98

https://co6.cc/