ckplayer

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 107|回复: 3

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

[复制链接]

1

主题

1

帖子

11

积分

新手上路

Rank: 1

积分
11
发表于 2022-11-22 23:21:15 | 显示全部楼层 |阅读模式
有偿,原有的视频播放器
  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>
复制代码


回复

使用道具 举报

3

主题

10

帖子

25

积分

新手上路

Rank: 1

积分
25
发表于 2022-11-23 10:53:49 | 显示全部楼层
请问下,X2什么版本?有链接吗?开源吗?
回复

使用道具 举报

2

主题

47

帖子

393

积分

中级会员

Rank: 3Rank: 3

积分
393
发表于 2022-11-23 13:48:49 | 显示全部楼层
kingingr 发表于 2022-11-23 10:53
请问下,X2什么版本?有链接吗?开源吗?

CKplayer的历史版本

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0

主题

5

帖子

21

积分

新手上路

Rank: 1

积分
21
发表于 2022-11-25 01:48:39 | 显示全部楼层
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表