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

  • 苹果cmsv10教程
  • 来源:烨模网
  • 编辑:烨模网
  • 时间:09/07
  • 阅读:43.94k

全站都是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+""})
       });




推荐教程
  • 苹果cmsv10如何修改后台管理登陆路径 加强安全防护
  • 苹果cmsv10如何修改后台管理登陆路径 加强安全防护
  • 为了不被他人爆破自己的后台管理账号密码加强安全防护。我们可以对其苹果cms后台路径文件名"admin.php"进行修改如下图我们打开网站跟目录找到红框内这个文件直接修改成自己想要的文件名即可。 需要注意的是如果修改了后
  • 苹果cmsv10教程
  • 来源:烨模网
  • 编辑:烨模网
  • 时间:09/07
  • 阅读:6.901k
  • 常用网页自动跳转实现代码 网页自动跳转代码html
  • 常用网页自动跳转实现代码 网页自动跳转代码html
  • 很多站长都会用网页自动跳转来实现一些功能,本文整理五个网页自动跳转的方法来分享给大家,他们都能实现在指定时间后自动跳转到所需要的网页或链接的功能。第一种:支持定时的html网页跳转优点:简单缺点:在StrutsTiles框架中无法使用
  • 网站教程
  • 编辑:烨模网
  • 时间:09/07
  • 阅读:2.931k
  • 苹果cmsv10播放页面播放器加载广告错位解决办法
  • 苹果cmsv10播放页面播放器加载广告错位解决办法
  • 苹果cmsv10播放页面播放器加载广告错位解决办法首先找到播放页的模板vod这个文件夹下面play.html这个就是苹果V10的播放器页面模板找到播放器的标签代码{$player_data}       {$player_js}在播放器的
  • 苹果cmsv10教程
  • 来源:烨模网
  • 编辑:烨模网
  • 时间:09/07
  • 阅读:7.795k
  • 苹果mac8X标签参数
  • 苹果mac8X标签参数
  • ****************************模板规范化管理 开始****************************每个模版要把所用的css,js,img,html按照相关规定,放到指定目录。每个模版都可定义不同的样式,所以系统内置的功能的相关文件也都放在了模版里,每
  • 苹果cmsv8教程
  • 编辑:烨模网
  • 时间:09/07
  • 阅读:12.00k
  • win2003系统不识别移动硬盘该怎么办?
  • win2003系统不识别移动硬盘该怎么办?
  • 默认情况下,windowsserver2003通过usb插入移动硬盘后是无法识别的,但在电脑的任务栏中还是可以显示usb连接成功的图标,其原因是win2003是服务器操作系统,其它安全级别较高,默认情况下不允许使用外界usb存储设备,但是,win2003移
  • 网站教程
  • 编辑:烨模网
  • 时间:09/07
  • 阅读:1.879k
  • 模板推荐
买家指南 | 隐私条款 | 免责声明 | 联系我们 | 网站地图
CopyRight © 2026 烨模网www.yemowang.com 版权所有 | 所有模板仅供学习交流,请勿用于违法或商业用途