欢迎来到m1938工作室
提交工单

解决苹果cmsv10版本ckplayer播放器高度自适应兼容问题

  • 苹果cmsv10教程
  • 来源:m1938
  • 编辑:m1938
  • 时间:09/07
  • 阅读:10583

全站都是mp4直连的话,以上问题css可以解决,css代码如下

.MacPlayer table {     display: block; }



如果还要使用解析接口或者m3u8资源的话,以上方法会受影响,可考虑下面终极方案。


假如我的播放器放在

      <div class="Player">      {$player_data}
     {$player_js}
   </div>


设置好Player的css高度,后面的都以这个为准,所以这个很重要。

用jq获取.Player的宽高,这个高度和宽度存入变量,在子容器也就是视频高度应用这个.Player的宽高,
说简单点就是让视频高度和宽度实时等于<div class="Player">高度和宽度。

 $(document).ready(function(){[/backcolor]
     var playleftHeight=$(".Player").height(); //获取父级高度      var playleftWidth=$(".Player").width(); //获取父级宽度                //解析接口自适应父级div       $("#playleft iframe").css({"height":""+playleftHeight+"","width":""+playleftWidth+""})
              //m38u或mp4直链自适应父级div      $("#playleft").css({"height":""+playleftHeight+"","width":""+playleftWidth+""})
       });




全部评论(0)
推荐教程
  • 苹果cmsv10的程序模板安装使用常见问题
  • 苹果cmsv10的程序模板安装使用常见问题
  • A.安装苹果cmsv10时提示不支持fileinfo解决方法1.打开宝塔面板找到-软件管理一项2.选择你安装的PHP版本,打开设置我用的是7.2版本你要看下自己的php版本3.选择安装扩展,将缺少的插件安装一下就可以了 安装经常遇到的常见问题,可以进入这里查看https://www.m1938.com/maccms/question.htmlB.把模板上传之后,提示找不到模板。首先你要检查你的模板是否上传路径正确。把你购买
  • 苹果cmsv10教程
  • 来源:m1938
  • 编辑:m1938
  • 时间:09/07
  • 阅读:12292
  • 苹果CMS10影视程序自动采集教程
  • 苹果CMS10影视程序自动采集教程
  • 在建立好自己的网站添加自定义资源库后,由于手动采集方式比较耗时间和精力更新也不够及时,是不是特别希望能有一个全自动定时采集方法来帮助网站增加视频资源解放自己的双手,m1938工作室现在就教大家如何用宝塔一步一步实现这个定时采集任务。1.进入苹果CMS10后台,点击–采集2.在采集页面,点击左侧“自定义资源库,鼠标右键点击需要采集的内容,如“采集当天”、“采集本周””采集所有“,选择复制链接地址。  &nb
  • 苹果cmsv10教程
  • 来源:m1938
  • 编辑:m1938
  • 时间:09/07
  • 阅读:14353
  • 苹果cmsV10图片域名替换教程
  • 苹果cmsV10图片域名替换教程
  • 封面图片域名更换:所下图所示操作注意切记填写域名时千万不要有空格  按图片步骤操作    具体操作如下图
  • 苹果cmsv10教程
  • 来源:m1938
  • 编辑:m1938
  • 时间:09/07
  • 阅读:9529
  • 苹果cmsV10视频域名替换教程
  • 苹果cmsV10视频域名替换教程
  • 视频域名更换:所下图所示操作 切记填写域名时千万不要有空格按图片步骤操作    具体操作如下图
  • 苹果cmsv10教程
  • 来源:m1938
  • 编辑:m1938
  • 时间:09/07
  • 阅读:6489
本站声明 M1938工作室开发制做的最新苹果cmsV8模板、苹果cmsV10模板、马克斯max模板、海洋CMS模板、飞飞cms模板、等,使用并请遵循国家法律法规之规定使用。若因非法使用引起纠纷,一切后果由使用者承担。
网站首页  |   关于我们  |   广告合作  |   联系我们  |   隐私条款  |   免责声明  |   网站地图
CopyRight 2008-2024 m1938工作室        
网站客服 联系客服
QQ2538441532