ckplayer

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 340|回复: 2

CkplayerX3如何整合苹果全新MacCMSPro版

[复制链接]

1

主题

2

帖子

16

积分

新手上路

Rank: 1

积分
16
发表于 2022-5-17 11:19:47 | 显示全部楼层 |阅读模式
本帖最后由 595426 于 2022-5-17 11:25 编辑

全新MacCMSPro版,苹果CMSpro如何整合CkplayerX3,使其正常使用

ckplayer.html  ckplayer.js 本地化无法正常使用,在线求答,代码如下请指正

ckplayer.html代码如下
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>CKplayerX3播放器</title>
  6. <link type="text/css" rel="stylesheet" href="static/player/ckplayer/css/ckplayer.css" />
  7. <script type="text/javascript" src="static/player/ckplayer/hls.js/hls.min.js"></script>
  8. <script type="text/javascript" charset="utf-8" src="static/player/ckplayer/language/zh.cn.js"></script>
  9. <script type="text/javascript" charset="UTF-8" src="static/player/ckplayer/js/ckplayer.js"></script>
  10. <style type="text/css">
  11. body,html{height:100%;background-color:#000;margin:0px;padding:0px;overflow:hidden;}
  12. #rongyao{height:100%;}
  13. </style>
  14. </head>
  15. <body>
  16. <div id="video"></div>
  17. <script type="text/javascript">
  18. function getQueryVariable(variable) {
  19.     var query = window.location.search.substring(1);
  20.     var vars = query.split("&");
  21.     for (var i = 0; i < vars.length; i++) {
  22.         var pair = vars[i].split("=");
  23.         if (pair[0] == variable) {
  24.             return pair[1];
  25.         }
  26.     }
  27.     return (false);
  28. };
  29. var videoObject = {
  30.     container: '#video', //容器的ID或className
  31.     autoplay: true, //自动播放
  32.     loaded: 'loadedHandler',
  33.     screenshot:true,//截图功能是否开启
  34.     plug:'hls.js',//使用插件
  35.     rightBar:true,//是否开启右边控制栏
  36.     smallWindows:true,//是否启用小窗口模式
  37.     playbackrateOpen:true,//是否开启控制栏倍速选项
  38.     webFull:true,//是否启用页面全屏按钮,默认不启用
  39.     theatre:true,//是否启用剧场模式按钮,默认不启用
  40.     video: getQueryVariable("url") //播放地址
  41. };
  42. var player=new ckplayer(videoObject);
  43. </script>
  44. </body>
  45. </html>
复制代码


ckplayer.js代码如下

  1. MacPlayer.Html = '<iframe border="0" src="'+maccms.path+'/static/player/ckplayer.html" height="'+MacPlayer.Height+'" width="100%" marginWidth="0" \ frameSpacing="0"\ marginHeight="0"\ frameBorder="0"\ scrolling="no"\ vspale="0"\ id="Player" allowfullscreen="true" ><\/iframe>';MacPlayer.Show();
复制代码


回复

使用道具 举报

1

主题

11

帖子

821

积分

高级会员

Rank: 4

积分
821
发表于 2022-5-19 22:48:14 来自手机 | 显示全部楼层
本帖最后由 mshuking 于 2022-5-20 09:53 编辑

很明显html没有引用苹果视频标签 video:苹果视频地址parent.MacPlayer.PlayUrl; 更新代码如下
或js加个苹果视频标签也是可以的ckplayer.html?url=苹果视频地址 ckplayer.html?url=parent.MacPlayer.PlayUrl;

html代码
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.         <title>ckplayerx3播放器</title>
  5.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  6.         <meta http-equiv="X-UA-Compatible" content="IE=11" />
  7.         <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">
  8.    
  9.         <style type="text/css">
  10.         html,body{width:100%;height:100%; padding:0; margin:0;}
  11.         #playerCnt{width:100%;height:100%;position: relative;}
  12.         </style>
  13. <link rel="stylesheet" type="text/css" href="ckplayerx3/css/ckplayer.css">
  14. <script type="text/javascript" charset="utf-8" src="ckplayerx3/js/ckplayer.js"></script>
  15. <script type="text/javascript" charset="utf-8" src="ckplayerx3/flv.js/flv.js"></script>
  16. <script type="text/javascript" charset="utf-8" src="ckplayerx3/hls.js/hls.js"></script>
  17. <script type="text/javascript" charset="utf-8" src="ckplayerx3/mpegts.js/mpegts.js"></script>
  18. </head>
  19. <body marginwidth="0" marginheight="0">
  20. <div id="playerCnt" class="playerCnt"></div>
  21.         <script type="text/javascript">
  22.             var plug="normal";
  23.         var live=false;
  24.         var url=parent.MacPlayer.PlayUrl;
  25.         var urlhz=url.split(".").pop().toLowerCase();
  26.         if(urlhz="m3u8"){plug="hls.js";}else if(urlhz="flv"){plug="flv.js";}else if(urlhz="ts"){plug="mpegts.js";}else if(urlhz="mp4"){plug="";}else{plug="";}
  27.                 var videoObject = {
  28.                                 container:".playerCnt", //容器的ID或className
  29.                                 autoplay:false, //是否自动播放
  30.                                 rightBar:true,
  31.                                 screenshot:true,
  32.                                 smallWindows:true,
  33.                                 playbackrateOpen:true,
  34.                                 webFull:true,
  35.                                 plug:plug,
  36.                                 live:live,
  37.                                 next:{
  38.                                         link:parent.MacPlayer.PlayLinkNext,
  39.                                         content:".video-next"
  40.                                 },
  41.                                 menu:[
  42.                                         {
  43.                                                 title:"ckplayer",
  44.                                                 link:"http://www.ckplayer.com"               
  45.                                         },
  46.                                         {
  47.                                                 title:"version:X3",
  48.                                                 underline:true
  49.                                         },
  50.                                         {
  51.                                                 title:"关于视频",
  52.                                                 click:"aboutShow"
  53.                                         }
  54.                                 ],
  55.                                 information:{
  56.                                         "视频加载:":"{loadTime}秒",
  57.                                         "视频时长:":"{duration}秒",
  58.                                         "视频尺寸:":"{videoWidth}x{videoHeight}",
  59.                                         "视频音量:":"{volume}%",
  60.                                         "视频FPS:":"{fps}",
  61.                                         "音频解码:":"{audioDecodedByteCount} Byte",
  62.                                         "视频解码:":"{videoDecodedByteCount} Byte"
  63.                                 },
  64.                                 video:url
  65.                         };
  66.                         var player=new ckplayer(videoObject)
  67.         </script>
  68. </body>
  69. </html>
复制代码


回复

使用道具 举报

1

主题

2

帖子

16

积分

新手上路

Rank: 1

积分
16
 楼主| 发表于 2022-6-6 17:33:30 | 显示全部楼层
感谢@mshuking,已完美整合
回复

使用道具 举报

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

本版积分规则

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